python - Bootstrap Multiselect Integration with WTForms

Question

I'm new to WTForms and was wondering how to integrate a bootstrap styled multiselect like this one http://davidstutz.github.io/bootstrap-multiselect/ into WTForms.

I know I can write the HTML directly to create the multiselect dropdown form but I'd rather work with WTForm objects to keep my forms consistent. Is there a simple way to convert the WTForms SelectMultipleField class into a dropdown multiselect box? Or is something more sophisticated needed?

Thanks!

Answer 1

我推荐一种混合方法：自己编写 JavaScript，但让 WTForms 完成 HTML 部分：创建一个正常SelectMultipleField并在渲染时调用它，如下所示：form.select_multiple(class_='multiselect'). 因为插件本身只需要有效的 HTML 和一些东西来选择这样一个select字段来应用它的 JavaScript 部分（您可以在页面上包含它）。

当然，如果你想要更高级的东西，你总是可以将小部件子类化SelectMultipleField并扩展它。然后将其用作自定义小部件（例如在您链接的示例的图标化部分）。

实际上，就 WTForms 而言，您不需要太多修改。