添加固定项目以选择2

时间:2015-05-14 10:28:43

标签: jquery-select2 select2-rails

我在rails中使用select2 gem

gem版本:3.5.9.3 select2版本:3.5.2

Haml观点:

= form_tag('cards/search/', method: :get, remote: true, class: 'navbar-form navbar-right') do
  .form-group
    = hidden_field_tag :q, '', id: 'search', class: 'form-control',
      style: 'width: 250px;',
      data: { 'ajax-url' => search_path, placeholder: 'placeholder' }

在coffescript文件中

$ ->
  $('#search').select2
    minimumInputLength: 1
    ajax:
      dataType: 'json'
      delay: 250
      data: (params) ->
        q: params
      results: (data) ->
        results: data.q

Result

如何将固定项添加到选项的底部?无论我在搜索表单中输入什么内容。

我试过了:

$('#search').append{id: 'test', text: 'test'}

但是没有看到这个选项。

1 个答案:

答案 0 :(得分:0)

我想出的两个解决方案是:

  1. select2创建装饰器。 哪个IMO是一项相当繁琐的任务,因为我找不到任何关于如何做到这一点的文档。 我发现帮助我的最好的资源是Kvein Brown在这个帖子上的回复:

      

    https://groups.google.com/forum/#!topic/select2/s4hAHyBrYqc

  2. 另一种方法,如果您只是在页面上使用一个select2,那么最简单的方法就是收听select2的公开事件,然后使用{ {1}}将元素附加到您想要的位置。