在Selectize动态下拉菜单中搜索无效

时间:2015-09-16 13:30:45

标签: jquery selectize.js

您好我是新手来选择插件。我在github示例(https://github.com/brianreavis/selectize.js/blob/master/examples/github.html)中更改了代码以适合我的应用程序。 当我在输入字段中写入内容时,它会从数据库中搜索,但不会显示下拉列表。它在输入字段中删除文本时显示列表。当我再次输入文本时,下拉列表就会消失。我做错了什么?

$('#select-tag').selectize({
                valueField: 'name',
                labelField: 'name',
                searchField: 'name',
                options: [],
                create: false,
                render: {
                    option: function (item, escape) {
                        return '<div>' +
                            '<span class="title"><span class="name">' + escape(item.name) + '</span></span>' +
                            '<span class="description">' + escape(item.info) + '</span></div>';
                    }
                },
                score: function (search) {
                    var score = this.getScoreFunction(search);
                    return function (item) {
                        return score(item) * (1 + Math.min(item.watchers / 100, 1));
                    };
                },
                load: function (query, callback) {
                    if (!query.length) return callback();
                    $.ajax({
                        url: '/api/forum/SearchTags?s=' + encodeURIComponent(query),
                        type: 'POST',
                        error: function () {
                            callback();
                        },
                        success: function (res) {
                            console.log(res);
                            callback(res.slice(0, 10));
                        }
                    });
                }
            });

0 个答案:

没有答案