0

我正在使用 Select2-rails '3.5.3,我可以使用远程数据进行搜索并保存它,问题是我如何恢复选定的文本(例如,如果用户按下编辑),问题:表单时不会触发 initSelection加载了编辑

下面是我的代码

hotelcheck.coffee

  $('.select2-autocomplete').each (i, e) ->
  select = $(e)
  options = { 
    multiple: false
    width: "98%"
    placeholder: "Type Hotel name"
    minimumInputLength: 3
  }
  options.ajax =
    url: select.data('source')
    dataType: 'json'
    type: "GET"
    quietMillis: 250
    # input untuk program
    data: (term, page) ->
      { q: term, 
      page: page,
      per: 25 }
    results: (data) ->
      { results: $.map(data, (item) ->
        {
          text: item.name
          id: item.id
        }
      ) }
    initSelection: (element, callback) ->
      id = $(element).val()
      if id != ''
        $.ajax('/hotels/' + id + '.json', dataType: 'json').done (data) ->
          selected = 
            id: element.val()
            text: data.name
          callback selected
          return
      return
  options.dropdownCssClass = 'bigdrop'
  select.select2 options

表格显示隐藏字段,我将内容保存到hotel_id

<%= f.hidden_field :hotel_id, data: { source: search_name_hotels_path }, class: "select2-autocomplete", :value => "#{f.object.hotel_id unless f.object.new_record? || f.object.hotel_id.nil? }" %>

ajax 的酒店控制器发送值

def show
  @hotel = Hotel.find(params[:id])
  puts "running fill name"

  respond_to do |format|
    format.json { render json: @hotel }
  end
end
  • 源数据 = 带有字段 id、名称的酒店表
  • 客户表 = 带有字段 hotel_id 的订单
4

1 回答 1

0

这个页面,看起来initSelection不应该在options.ajax,而只是在options。我会尝试复制他们的示例并根据您的需要进行编辑。或更新到4.0.0,这似乎要容易得多。

于 2017-02-18T23:00:46.567 回答