jquery - 找不到匹配项时如何使用 Select2 动态添加新项目？

Question

我在我的 Rails 应用程序中使用 select-2 来自动完成带有 Ajax 调用的字段并允许多个值。

我的 CoffeScript 文件：

$(document).ready ->
  $('.select2').each (i, e) =>
    select = $(e)
    options =
      placeholder: select.data('placeholder')
      multiple: true
      width: "100%"      
      maximumSelectionSize: 20
      tokenSeparators: [",", " "]
      dropdownClass: 'bigdrop'      

    if select.hasClass('ajax')
      options.ajax =
        url: select.data('source')
        dataType: 'json'
        data: (term, page) ->
          q: term
          page: page
          per: 25
        results: (data, page) ->
          results: data.resources
          more: data.total > (page * 25) 

      options.dropdownCssClass = "bigdrop"

    select.select2(options)

如果服务器没有结果，我希望能够添加新项目，目前它不允许我添加新项目（未保存在服务器上并通过 Ajax 调用填充）。

Answer 1

我不得不使用类似以下的 createSearchChoice：

  createSearchChoice: (term, data) ->
    if $(data).filter(->
      this.text.localeCompare(term) is 0
    ).length is 0
      id: term
      text: term