bootstrap-muliselect属性

1. $('.select2_sample1').multiselect({  
2.         buttonClass: 'btn btn-link',//显示按钮style  
3.         buttonWidth: '400px',//按钮宽度  
4.         inheritClass: true,//继承原来select的button的class  
5.         buttonContainer: '<div class="btn-group" />',//承载按钮和下拉框  
6.         selectedClass: 'multiselect-selected',//选中项样式  
7.         optionClass: function(element) {  
8.             var value = $(element).val();  
9.    
10.             if (value%2 == 0) {  
11.                 return 'even';  
12.             }  
13.             else {  
14.                 return 'odd';  
15.             }  
16.         },  
17.         optionLabel: function(element) {  
18.             return $(element).html() + '(' + $(element).val() + ')';  
19.         },  
20.         buttonWidth: '150px',//选中内容长度超过150显示4selected  
21.         enableClickableOptGroups: true,//同时取组或者all  
22.         enableCollapsibleOptGroups: true,//组可折叠  
23.         enableFiltering: true,//过滤  
24.         filterPlaceholder: 'Search for something...',  
25.         filterBehavior: 'value',//根据value或者text过滤  
26.         enableFullValueFiltering: true,//能否全字匹配  
27.         enableCaseInsensitiveFiltering: true,//不区分大小写  
28.         includeSelectAllOption: true,//全选  
29.         selectAllText: 'Check all!',//全选的checkbox名称  
30.         selectAllNumber: false,//true显示allselect（6）,false显示allselect  
31.         selectAllName: 'select-all-name',  
32.         selectAllValue: 'select-all-value',//可以为strig或者数字  
33.         selectAllJustVisible: false,//选择所有的。true为全选可见的  
34.         onSelectAll: function() {  
35.             alert('onSelectAll triggered.');  
36.         },  
37.         disableIfEmpty: true,//没有选项时readonly  
38.         disabledText: 'Disabled ...',//disabled时显示的文字说明  
39.         //下拉选项摆放在右侧  
40.         buttonWidth: '400px',  
41.         dropRight: true,  
42.         //下拉选项摆放在顶部  
43.         maxHeight: 400,  
44.         dropUp: true,  
45.         //摆放在左侧默认为200  
46.         maxHeight: 200,  
47.         //见服务器端名称  
48.         checkboxName: 'multiselect[]',  
49.         //初始化  
50.         onInitialized: function(select, container) {  
51.             alert('Initialized.');  
52.         },  
53.         onChange: function (option, checked) {//change事件改变   
54.             console.log(option.length + ' options ' + (checked ? 'selected' : 'deselected'));  
55.         },  
56.         //下拉回调函数  
57.         onDropdownShow: function (event) {  
58.             alert('Dropdown shown.');  
59.         },  
60.         //下拉框关闭回调函数  
61.         onDropdownHide: function (event) {  
62.             alert('Dropdown closed.');  
63.         },  
64.         //点击select调用，然后显示出下拉框  
65.         onDropdownHidden: function (event) {  
66.             alert('Dropdown closed.');  
67.         },  
68.   
69. });