我正在使用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");
有人可以帮我一把吗?