我正在使用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的酒店表格,名称
- 客户table = field hotel_id订购
在此页面上,看来initSelection
不应在options.ajax
中,而是在options
中。我会尝试复制他们拥有的示例,并根据您的需求进行编辑。或更新到4.0.0
,这似乎要容易得多。