Typeahead.js只显示5个选项

时间:2016-08-23 03:37:45

标签: asp.net-mvc typeahead.js

如何增加typeahead中的选项数量?

以下是我的代码:

    var substringMatcher = function (strs) {
    return function findMatches(q, cb) {
        var matches, substringRegex;

        // an array that will be populated with substring matches
        matches = [];

        // regex used to determine if a string contains the substring `q`
        substrRegex = new RegExp(q, 'i');

        // iterate through the pool of strings and for any string that
        // contains the substring `q`, add it to the `matches` array
        $.each(strs, function (i, str) {
            if (substrRegex.test(str)) {
                matches.push(str);
            }
        });

        cb(matches);
    };
};

$(function () {
    $.get('@Url.Action("getApplications")',function (data) {
        //console.log(data);
        $('#the-basics #Appl_ShortName_textbox').typeahead(
        {
            hint: false,
            highlight: false,
            minLength: 1,
            minLimit: 10,
            maxLimit: 10
        },
    {
        name: 'data',
        source: substringMatcher(data)
    });
    });
});

1 个答案:

答案 0 :(得分:0)

在" source:substringMatcher(data)"添加"限制:(无论您想要显示的最大项目数量)"。

例如:

 source: substringMatcher(data),
 limit: 20

会产生最多20个项目的下拉菜单。