Question

我正在使用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>';
        }
    });
})

Answer 1

由于没有人回复我会承担风险..

取自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'}
    ]);
});

如果你转到我上面发布的链接，你会发现一个有效的例子。您首先选择一个城市，例如巴黎，然后选择颜色更改，以便您可以选择蓝色。

您可以调整代码以使用＆＃34; sub_category＆＃34; ..

上的setData

MagicSuggest依赖多个下拉菜单无法正常工作

1 个答案: