Bootstrap Typeahead со значениями Multiselect из ajax - PullRequest
Новая
       52

Bootstrap Typeahead со значениями Multiselect из ajax

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

Я использую начальную загрузку typeahead, все работает нормально, но я хочу, чтобы новая функциональность в этой типовой печати требовала многократного выбора значений. У меня есть некоторые изменения, но это не работает для меня. пожалуйста, любой, кто может помочь в улучшении моего кода ниже, является фрагментом кода. 

$("#SearchMgr").typeahead({
        items: 10,
        onSelect: function (item) {
            $('#Id').val(item.value)
            $('#Title').val(item.text)
        },
        ajax: {
            url: 'SomeController/SomeMetod',
            timeout: 500,
            displayField: "Name",
            valueField: "Id",
            triggerLength: 3,
            method: "get",
            disableApplicationLoader: true,
            loadingClass: "loader",
            preDispatch: function (query) {
                return {
                    search: query
                }
            }
            ,
            preProcess: function (data) {
                DocData = null;
                console.log(data)
                $('#Id').val('')
                $('#Title').val('')
                if (data.success === false) {
                    return false;
                }
                DocData = data.data;
                return data.data;
            }
        },
        updater: function (item) {
            return this.$element.val().replace(/[^,]*$/, '') + item + ',';
        },
        matcher: function (item) {
            var tquery = extractor(this.query);
            if (!tquery) return false;
            return ~item.toLowerCase().indexOf(tquery.toLowerCase())
        },
        highlighter: function (item) {
            var query = extractor(this.query).replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&')
            return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) {
                return '<strong>' + match + '</strong>'
            })
        }
    });

Пожалуйста, помогите мне решить эту проблему. Заранее спасибо

...