select2 initSelection重新显示表单

时间:2017-02-18 19:11:20

标签: ruby-on-rails jquery-select2 select2-rails

我使用Select2-rails' 3.5.3,我可以使用远程数据进行搜索并保存,问题是如何恢复所选文本(例如,如果用户按下编辑),问题:使用edit

加载表单时不会触发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的订单

1 个答案:

答案 0 :(得分:0)

this page开始,initSelection看起来不应该在options.ajax中,而应该在options中。我会尝试复制他们的示例并根据您的需要进行编辑。或更新到4.0.0,这似乎更容易。