부트 스트랩 멀티 셀렉트 모두 선택 목록에 나타나지 않음

Question

내가 만든 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 
     }); 
    } 
}); 

내가 얻을 출력은 모든 선택에서 떨어져 모든 콘텐츠 그냥 드롭 다운 목록입니다. 모두 선택이 필요합니다.

Answer 1

다중 선택을 인스턴스화 할 때 includeSelectAllOption을 포함해야합니다. 따라서 :

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

은 select-all 옵션을 제공합니다.