Jquery Bootstrap MultiSelect在附加optgroup和options之后选择all gone
我正在使用Bootstrap Multiselect插件创建一个开放的下拉列表。一切都正常工作,除了当我从数据对象附加我的opt组和选项时,“全选”消失 我需要做什么改变才能让它显示出来?我已将所有配置设置为true 函数初始化:Jquery Bootstrap MultiSelect在附加optgroup和options之后选择all gone,jquery,bootstrap-multiselect,Jquery,Bootstrap Multiselect,我正在使用Bootstrap Multiselect插件创建一个开放的下拉列表。一切都正常工作,除了当我从数据对象附加我的opt组和选项时,“全选”消失 我需要做什么改变才能让它显示出来?我已将所有配置设置为true 函数初始化: $("#salesfloorMultiSelect").multiselect({ includeSelectAllOption: true, enableClickableOptGroups: true, buttonWidth: 420,
$("#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");
有人能帮我一把吗?我试图尽可能地重现这个问题,但我无法重现这个问题,请看。如果不知道要放入mutliselect中的数据以及查看相应的HTML(例如,添加OptGroup之前的初始设置),很难判断问题出在哪里。还要注意,重建将从ul.multiselect/container中删除所有HTML,因此添加输入将不起作用。此外,您所引用的元素ul.multiselect-item.multiselect-group不存在。