Bootstrap MultiSelect选择附加optgroups和选项后全部消失

时间:2016-08-16 19:43:55

标签: jquery bootstrap-multiselect

我正在使用http://davidstutz.github.io/中的Bootstrap Multiselect插件来创建一个打开的下拉列表。一切都正常工作,除了当我从我的数据对象追加我的选择组和选项时,select all全部消失。

我需要更改才能让它显示出来?我将Includeselectall配置设置为true。

函数初始化:

$("#salesfloorMultiSelect").multiselect({
    includeSelectAllOption: true,
    enableClickableOptGroups: true,
    buttonWidth: 420,
    autoOpen: true,
    beforeclose: function (event, ui){ return false;},
    onChange: function() {
        var fixtureName = $('#salesfloorMultiSelect option:selected');
        var value = fixtureName.val();
        if(value == null) {
            value = 'please';
        }
    }

获取选项的功能:

$('#salesfloorMultiSelect').html("");
    $('#salesfloorMultiSelect').append( $('<optgroup>', {
        label: 'all fixtures',
        value: 'all',
    }));
    var reportEntityObj = data.reportEntityObj;
    $.each(reportEntityObj, function(i, e) {
        var roomId = i;
        var optgroup = $('<optgroup/>');
        optgroup.attr('label', roomId.trim());

        $(optgroup).appendTo('#salesfloorMultiSelect');
    });
    $.each(reportEntityObj, function(i, e) {
        var roomId = i;
        $.each(reportEntityObj[roomId], function (index, element) {
            var option = $("<option></option>");
            option.val(element['entityId']);
            option.text(element['entityName']);
            option.appendTo('optgroup[label="' + roomId.trim() + '"]');

            $('<input />', { type: 'checkbox', id: roomId.trim(), value: name }).appendTo('ul.multiselect-item.multiselect-group label');
        });

    });
    $('#salesfloorMultiSelect').multiselect('enable');
    $('#salesfloorMultiSelect').multiselect("rebuild");

有人可以帮我一把吗?

0 个答案:

没有答案