Question

我正在尝试在我创建的bootstrap multiselect列表中添加select all选项。

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
        });
    }
});

我得到的输出只是下拉列表，其中包含除select all之外的所有内容。我需要全选。

Answer 1

在实例化多选时，您需要包含includeSelectAllOption。所以：

$(".multiselect", this.el).multiselect({
    includeSelectAllOption: true
});

将提供select-all选项。

bootstrap multiselect select all不会出现在列表中

1 个答案: