Поддерживает ли ajax-bootstrap-select liveSearch? - PullRequest
Новая
       47

Поддерживает ли ajax-bootstrap-select liveSearch?

0 голосов
/ 17 октября 2019

У меня есть базовое раскрывающееся меню, в котором используется библиотека 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, но поиск по ключевому слову не меняет раскрывающийся списокопции.

...