我正在尝试在 bootstrap multiselect 中添加全选选项我创建的列表。
HTML:
<select id="taskNameSelect" class="multiselect" multiple="multiple">
<option value="multiselect-all">Select all</option>
{{#each taskName}}
<option value="{{this}}">{{@key}}</option>
{{/each}}
</select>
JS:
Cellomat.Views.TaskStatusView = Backbone.View.extend({
className: 'row-fluid',
events: {
'click .level': 'select_log_level'
},
initialize: function() {
this.template = Handlebars.compile($("#taskStatus-template").html());
},
render: function() {
$(this.el).html(this.template({
taskName: Cellomat.Models.ActionRequests
}));
$(".multiselect", this.el).multiselect({
selectAllText: 'Select all',
selectAllValue: 'multiselect-all'
});
return this;
},
select_log_level: function(event) {
$('.level').removeClass('active');
$(event.target).addClass('active');
var ze_level = $(event.target).data('level');
this.model.set({
level_name: ze_level
});
}
});
我得到的输出只是下拉列表,其中包含除全选之外的所有内容。 我需要全选。
最佳答案
在实例化多选时,您需要包含 includeSelectAllOption
。所以:
$(".multiselect", this.el).multiselect({
includeSelectAllOption: true
});
将提供全选
选项。
关于javascript - bootstrap multiselect select all 没有出现在列表中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25529059/