使用车把显示先行建议?

时间:2017-01-16 00:54:12

标签: jquery handlebars.js typeahead

我无法在输入字段中显示所选的预先输入建议。我知道我忽略了一些显而易见的东西,但无法弄明白。我的代码包括return null;我已将此更改为返回建议,但由于我的handebar在此之后编译,因此我在输入字段中获得[Object object]。有关在字段中显示所选预先输入的任何帮助吗?

$("#q").typeahead({
    highlight: false,
    minLength:1
},
{
    display: function(suggestion) { return null },
    // limit:10,
    source: search,
    templates: {
        suggestion: Handlebars.compile(
            "<div>"+
            "{{tool_class}}, {{tool_class_2}}, {{tool_class_3}}" +
            "</div>"
        )
    }
});

// Query tools db for matching ools selected in drop-down within set boundaries 
$("#q").on("typeahead:selected", function(eventObject, suggestion, name) {
    var myLatLng;
    var parameters = {
        q: $("#q").val()
    };

1 个答案:

答案 0 :(得分:1)

更新:我明白了。我将显示中的返回值更新为我创建的自定义车把模板中的一个元素。我原本试图返回整个模板,如果有人知道怎么办,我还有兴趣做什么?

我的新代码:

$("#q").typeahead({
    highlight: false,
    minLength:1
},
{
    display: function(suggestion) { **return suggestion.tool_class_3** },
    // limit:10,
    source: search,
    templates: {
        suggestion: Handlebars.compile(
            "<div>"+
            "{{tool_class}}, {{tool_class_2}}, {{tool_class_3}}" +
            "</div>"
        )
    }
});