Selectize.js使用tornado wtforms在客户端搜索功能

Question

我已经集成了selctize.js并在我的整个应用程序中使用它。无法找到一种方法来搜索select中的值或文本，因为有时候可能会有很大的选择。

我的selectize.js咖啡脚本

  $('.select').selectize(
    'plugins': ['remove_button'],
    onDropdownOpen: ->
      $('.sidebar_header').css 'z-index', '1'
      $('.selectize-dropdown').mCustomScrollbar({
        scrollInertia: '300'
      })
      return
    onDropdownClose: ->
      $('.sidebar_header').css 'z-index', '9999'
      return
  )

我的表单是由python生成的，并且选项是从后台提供的，通过放置在下面的模板中，我得到了所有选择的选择：

龙卷风wtform：

class Form(BaseForm):      

    my_select = SelectPlusInitField(validators=[SelectRequired()])

龙卷风处理程序准备选择的选项：

form.my_select.choices = yield self.my_select_choices

龙卷风模板：

{{ form.my_select(class_='select') }}

模板为select选择生成html：

<select class="select selectized" id="my_select" name="my_select">
    <option value="select" selected="selected">select</option>
    <option value="1" selected="selected">1</option>
    <option value="2" selected="selected">2</option>
</select>
// and below than selectize will generate his style for the above select

最终结果是从后端生成一个带有给定选项的选项，我想在客户端添加没有后端的搜索功能，这是否可行？

Answer 1

默认情况下，使用最新版本的selectize.js，搜索功能已更新为最新版本。