重建时未设置配置选项-Bootstrap Multiselect

时间:2018-12-06 03:13:56

标签: javascript jquery html twitter-bootstrap bootstrap-multiselect

我正在动态添加选择选项,还设置配置选项,并执行重建。

选项可以很好地附加,但是配置选项集不会得到反映。相同的配置选项在初始加载时设置良好,但在动态附加选项时不能设置。

可能是什么问题?

Foo.Moo.Bar

1 个答案:

答案 0 :(得分:1)

Documentation中,有一个示例明确地将.multiselect('setOptions', options)rebuild结合使用,因此,请尝试下一个代码:

onEvent: function(dt)
{
    $.each(dt.lst, function(ind, ele)
    {
        var htm = '<option value="' + ele + '">' + ele + '</option>';
        $('#myMultiSelectId').append(htm);
    });

    $('#myMultiSelectId').multiselect('setOptions', {
        maxHeight: 300,
        includeResetOption: true,
        resetText: 'Deselect All'
    });

    $('#myMultiSelectId').multiselect('rebuild');
}

或者,您可以destroy进行多次选择并再次创建它,如下所示:

onEvent: function(dt)
{
    $('#myMultiSelectId').multiselect('destroy');

    $.each(dt.lst, function(ind, ele)
    {
        var htm = '<option value="' + ele + '">' + ele + '</option>';
        $('#myMultiSelectId').append(htm);
    });

    $('#myMultiSelectId').multiselect({
        maxHeight: 300,
        includeResetOption: true,
        resetText: 'Deselect All'
    });
}