Bootstrap Typeahead从查询中选择任何单词

时间:2012-12-27 17:04:44

标签: twitter-bootstrap typeahead bootstrap-typeahead

我使用以下代码获取Bootstrap Typehead Textbox的源代码:

$(document).ready(function () {
        $("input[id$='txtSearchWhat']").typeahead({
            source: function (typeahead, query) {
                $.get("http://localhost:5980/Services/AutoComplete.svc/WordLookup", {     text: typeahead },
                function (data) {

                    return query(data.d);
                });

            }
        });
    });

这适用于列表(示例)

- Pizza
- Lasagne
- Pasta

打字例如“P”,它会显示披萨和烤宽面条 打字例如“as”它表示烤宽面条和意大利面

我需要知道的是,我没有找到答案,也不知道怎么做:

我怎么做,通过上面的列表,输入例如“我想要比萨饼”,披萨出现。 或者比如披萨或烤宽面条展示披萨和烤宽面条。 换一种说法。如何实现从多个单词中选择的预先输入

1 个答案:

答案 0 :(得分:1)

您可以传递给预先输入的一个选项是自定义匹配器功能。

matcher: function( item ) {
  // The 'item' parameter is any item in your list (e.g. "Pizza" )
  // Use this.query to access the search string (e.g. "I want a Pizza")
  // return true if this.query matches item through your custom logic
}