在 Selectize 动态下拉列表中搜索不起作用
search in Selectize dynamic dropdown not working
您好,我是 selectize 插件的新手。我更改了 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));
}
});
}
});
刚刚删除了下面的行,效果很好!
score: function (search) {
var score = this.getScoreFunction(search);
return function (item) {
return score(item) * (1 + Math.min(item.watchers / 100, 1));
};
},
您好,我是 selectize 插件的新手。我更改了 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));
}
});
}
});
刚刚删除了下面的行,效果很好!
score: function (search) {
var score = this.getScoreFunction(search);
return function (item) {
return score(item) * (1 + Math.min(item.watchers / 100, 1));
};
},