Javascript 将selectize.js与远程源一起使用
如何将selectize.js与远程源一起使用? 我举了一个例子:Javascript 将selectize.js与远程源一起使用,javascript,jquery,selectize.js,Javascript,Jquery,Selectize.js,如何将selectize.js与远程源一起使用? 我举了一个例子: $('#select-repo').selectize({ valueField: 'url', labelField: 'name', searchField: 'name', create: false, render: { option: function(item, escape) { return '<div>' +
$('#select-repo').selectize({
valueField: 'url',
labelField: 'name',
searchField: 'name',
create: false,
render: {
option: function(item, escape) {
return '<div>' +
'<span class="title">' +
'<span class="name"><i class="icon ' + (item.fork ? 'fork' : 'source') + '"></i>' + escape(item.name) + '</span>' +
'<span class="by">' + escape(item.username) + '</span>' +
'</span>' +
'<span class="description">' + escape(item.description) + '</span>' +
'<ul class="meta">' +
(item.language ? '<li class="language">' + escape(item.language) + '</li>' : '') +
'<li class="watchers"><span>' + escape(item.watchers) + '</span> watchers</li>' +
'<li class="forks"><span>' + escape(item.forks) + '</span> forks</li>' +
'</ul>' +
'</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: 'https://api.github.com/legacy/repos/search/' + encodeURIComponent(query),
type: 'GET',
error: function() {
callback();
},
success: function(res) {
callback(res.repositories.slice(0, 10));
}
});
}
});
我在加载函数中使用了console.log,响应良好。
即使选择框中没有下拉列表。我已经试着让它工作了3个多小时,但没有成功。这与我的另一个答案完全相同。您使用的是Id/Title,但渲染函数使用了大量其他字段(描述、用户名、fork)。将渲染更改为:
render: {
option: function (item, escape) {
return '<div>' + escape(item.title) + '</div>';
}
}
将URL返回的特定数据添加到问题中。如果您的问题是:我已经更新了我的问题并添加了一个示例响应,那么我猜是这样的。希望能有帮助。看起来渲染永远不会运行
render: {
option: function (item, escape) {
return '<div>' + escape(item.title) + '</div>';
}
}
success: function(res) {
callback(res);
}