Question

我在控制器中有这个

@events = Newevent.search params[:search], suggest: true, partial: true, misspellings: {distance: 4}

这在我的模型中

searchkick建议：[：eventname]

现在自动完成我有一个类似于

的typeahead.js

https://twitter.github.io/typeahead.js/（会增加但太大）

我还没有在我的模型中添加任何内容用于自动完成，但是我在我的视图中有这样的建议

<%= @events.try(:suggestions) %>

这不会返回任何内容。

想法？

萨姆

Answer 1

$(".autocomplete-cls").keyup(function() {
    var value = $(".autocomplete-cls").val();
    $("#query1").val($("#query_label1").val());
    $.ajax({
        method: "GET",
        dataType: 'json',
        url: "/properties/autocomplete",
        data: { query: value },
        success: function(msg){//console.log(msg);
            var availableTags = msg;

            $( ".autocomplete-cls" ).autocomplete({
                source: availableTags,                        
                select: function( event, ui )  {
                    $("#query1").val(ui.item.value);                         
                    $('#property_type, #price, #bed, #bath, #floor').val('');
                    setTimeout(function(){$("#query_label1").val(ui.item.label);$(".search_form1").submit();}, 100);                           
                },
                focus: function( event, ui )  {
                    $("#query_label1").val(ui.item.label);                      
                }

            });   
          }
    });
});

使用名称自动搜索

创建响应操作

event = NewEvent.search(params['keyword']).map(&:name)
render :json => event

searchkick自动填充和建议无法按预期工作

1 个答案: