如何根据输入的值动态加载Bootstrap-combobox

时间:2015-11-06 21:31:09

标签: dynamic twitter-bootstrap-3 combobox lazy-loading loading

我正在使用bootstrap-combobox https://github.com/danielfarrell/bootstrap-combobox 现在我正在获取数据,这是一个非常大的员工列表。我将它作为ajax调用中的选择列表返回,然后填充组合框。它实际上减慢了UI并且在移动设备上无法使用,所以我想动态填充组合框,而不必在加载屏幕时用整个数据集填充它。

function populateCombobox() {
    var i = 0;
    $.each(selectValues, function () {
        $('.combobox')
            .append($("<option></option>")
            .attr("value", selectValues[i].Value)
            .text(selectValues[i].Text));
        i = i + 1;
    });
}

我似乎无法找到要附加的事件,以便知道用户何时键入了至少三个字符以过滤掉数据并重新加载组合框以及用户可以选择的那些记录。< / p>

我尝试了几种不同的方式,但似乎无法启动事件以执行所需的功能。这就是我的尝试。

$('select').on("change", function () {
    console.log('changed!!!!');

});


$("input[type='text'].combobox").on("change", function () {

    console.log('changed!!!!');
});



    $('.typeahead').click(function () {
        console.log('In Changed');

    });

有人知道要附加什么事件以检查字符数并重新加载数据吗?

0 个答案:

没有答案