ajax-bootstrap-select支持liveSearch吗？

Question

我有一个基本的dropdown，它使用bootstrap-selectpicker库来搜索下拉选项，使用包含格式，我使用ajax-bootstrap-select插件https://github.com/truckingsim/Ajax-Bootstrap-Select填充下拉选项，我正在尝试找到一种方法来搜索ajax填充的下拉选项，就像在原始选择器中一样使用“包含”操作。

我之前只使用选择器，最近才使用ajax插件，我不确定这个插件的功能是否只是从'url‘获取选项。或者，如果它从填充的选项中进行搜索，而我在为它编写代码时遗漏了任何参数。

<select class="selectpicker" multiple data-selected-text-format="count" data-actions-box="true" data-live-search="true" data-show-tick="false" data-live-search-style="contains">
</select>

<script>
var options = {

    ajax: {

    url: '/Search/Typeahead',

    type: 'POST',

    dataType: 'json',

    data: function () {
        var params = {
            q: '{{{q}}}'
        };

        return params;
    }
},

locale: {
        emptyTitle: 'Select and Begin Typing'
},

preprocessData: function (data) {
    var i, l = data.length, array = [];
    if (l) {
        for (i = 0; i < l; i++) {
            var curr = data[i];

            array.push({
                'value': curr.value,
                'text': curr.text,
                'disabled': curr.disabled,
                'selected': curr.selected,
            });
        }
    }
    return array;
},

preserveSelected: false
};
$('select.selectpicker').selectpicker({liveSearch: true }).ajaxSelectPicker(options);

$('.bootstrap-select').selectpicker();

//The dropdown options are not displayed at all if I use **.filter('.with-ajax')** as below:
//$('select.selectpicker').selectpicker({liveSearch: true }).filter('.with-ajax').ajaxSelectPicker(options);

//Also tried using <select class="selectpicker **with-ajax** " but it doesn't work for me either

$('select.selectpicker').trigger('change');
</script>

我有ajax填充的选项，但是搜索关键字并不会改变下拉选项。

Answer 1

试一试

$('.bootstrap-select').selectpicker('refresh');

而不是

$('.bootstrap-select').selectpicker();

有时，您可以使用检查器查看HTML中的更改，并需要在更改后刷新selectpicker。