我正在使用MagicSuggest进行自定义下拉列表,现在我有两个下拉列表类别和子类别..子类别应根据类别选择进行填充。当我选择类别,然后选择子类别时,它将第一次工作,但是如果我更改类别,子类别将不会更改并显示相同的列表。这是我的jquery..
var cat = $('#category').magicSuggest({
maxSelection:1,
data: site+'project/getCats/',
valueField: 'id',
displayField: 'title',
mode: 'remote',
renderer: function(data){
return '<div>' +
'<div class="title">' + data.title + '</div>' +
'</div>';
},
resultAsString: true,
selectionRenderer: function(data){
return '<div class="name">' + data.title + '</div>';
}
});
$(cat).bind('selectionchange', function(event, combo, selection){
cat_id = cat.getValue();
src = site+'project/getCats/'+cat_id;
var subcat = $('#sub_category').magicSuggest({
maxSelection:1,
data: src,
valueField: 'id',
displayField: 'title',
mode: 'remote',
renderer: function(data){
return '<div>' +
'<div class="title">' + data.title + '</div>' +
'</div>';
},
resultAsString: true,
selectionRenderer: function(data){
return '<div class="name">' + data.title + '</div>';
}
});
})
既然没有人回复,我会冒险。
摘自Magicsuggest主页 http://nicolasbize.com/magicsuggest/doc.html。
我认为您需要使用 setData() 来设置组合中列出的对象。
var ms = $('#ms-setData').magicSuggest({});
ms.setData(['Paris', 'New York', 'Gotham']);
$(ms).on('selectionchange', function(){
alert(JSON.stringify(this.getSelection()));
this.setData([
{id:1, name:'Blue'},
{id:2, name:'Red'}
]);
});
如果你去我上面发布的链接,你会发现一个工作示例。您首先选择一个城市,例如巴黎,然后更改选项的颜色,以便您可以选择蓝色。
您可以调整代码以在"sub_category"上使用setData。