Bootstrap Multiselect與WTForms集成

Question

我是WTForms的新手，想知道如何將一個像http://davidstutz.github.io/bootstrap-multiselect/這樣的bootstrap樣式多選集成到WTForms中。

我知道我可以直接編寫HTML來創建多選下拉表單，但我寧願使用WTForm對象來保持表單的一致性。有沒有簡單的方法將WTForms SelectMultipleField類轉換爲下拉多選框？還是需要更復雜的東西？

謝謝！

Answer 1

我推薦一種混合方法：自己編寫JavaScript，但讓WTForms執行HTML部分：創建一個正常的SelectMultipleField，並在渲染時調用它：form.select_multiple(class_='multiselect')。由於該插件本身只需要有效的HTML和一些選擇這樣的select字段來應用其JavaScript部分（您可以在頁面上包含）。

當然，如果你想要更高級的東西，你總是可以將小部件繼承爲SelectMultipleField並擴展它。然後將其用作自定義小部件（例如，在鏈接的示例的圖標化部分）。

真的，在WTForms方面你不需要太多修改。