【问题标题】:search in Selectize dynamic dropdown not working在选择动态下拉列表中搜索不起作用
【发布时间】:2015-09-16 13:30:44
【问题描述】:

您好,我是选择插件的新手。我已更改 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));
                        }
                    });
                }
            });

【问题讨论】:

    标签: jquery selectize.js


    【解决方案1】:

    刚刚删除了下面的行,它工作正常!

    score: function (search) {
                        var score = this.getScoreFunction(search);
                        return function (item) {
                            return score(item) * (1 + Math.min(item.watchers / 100, 1));
                        };
                    },
    

    【讨论】:

      猜你喜欢
      • 2014-07-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-11-21
      • 1970-01-01
      • 2021-12-01
      相关资源
      最近更新 更多