1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
|
$(function() {
var readme = 'README.md';
if (location.href.indexOf('locale=zh_CN') !== -1) {
readme = 'README-ZH-CN.md';
}
Flatdoc.run({
fetcher : Flatdoc.file(readme)
});
$(document).on('flatdoc:ready', function() {
$('#e1_t, #e2_t, #e3_t, #e4_t, #e5_t').each(function() {
var $this = $(this);
$this.html($('#' + $this.attr('id').replace('t', 'f')).html()).find('select').multipleSelect();
});
$('#e6').find('select').multipleSelect({
placeholder: 'Here is the placeholder'
});
$('#e7').find('select').multipleSelect({
width: 460,
multiple: true,
multipleWidth: 55
});
$('#e8').find('select').multipleSelect({
multiple: true,
multipleWidth: 55,
width: '100%'
});
$('#e9').find('select').multipleSelect({
selectAll: false
});
$('#e10, #e11, #e12, #e13, #e19').find('select').multipleSelect();
$('#setSelectsBtn').click(function() {
$('#e10').find('select').multipleSelect('setSelects', [1, 3]);
});
$('#getSelectsBtn').click(function() {
alert('Selected values: ' + $('#e10').find('select').multipleSelect('getSelects'));
alert('Selected texts: ' + $('#e10').find('select').multipleSelect('getSelects', 'text'));
});
$('#enableBtn').click(function() {
$('#e11').find('select').multipleSelect('enable');
});
$('#disableBtn').click(function() {
$('#e11').find('select').multipleSelect('disable');
});
$('#checkAllBtn').click(function() {
$('#e12').find('select').multipleSelect('checkAll');
});
$('#uncheckAllBtn').click(function() {
$('#e12').find('select').multipleSelect('uncheckAll');
});
$("#focusBtn").click(function() {
$('#e19').find('select').multipleSelect("focus");
});
$("#blurBtn").click(function() {
$('#e19').find('select').multipleSelect("blur");
});
$('#refreshAdd').click(function() {
var $select = $('#e13').find('select'),
$input = $('#refreshInput'),
$selected = $('#refreshSelected'),
$disabled = $('#refreshDisabled'),
value = $.trim($input.val()),
$opt = $('<option />', {
value: value,
text: value
});
if (!value) {
$input.focus();
return;
}
if ($selected.is(':checked')){
$opt.prop('selected', true);
}
if($disabled.is(':checked')){
$opt.attr('disabled', true);
}
$input.val('');
$select.append($opt).multipleSelect('refresh');
});
$('#e14').find('select').multipleSelect({
filter: true
});
$('#e15').find('select').multipleSelect({
filter: true,
multiple: true
});
var $eventResult = $('#eventResult');
$('#e16').find('select').multipleSelect({
onOpen: function() {
$eventResult.text('Select opened!');
},
onClose: function() {
$eventResult.text('Select closed!');
},
onCheckAll: function() {
$eventResult.text('Check all clicked!');
},
onUncheckAll: function() {
$eventResult.text('Uncheck all clicked!');
},
onFocus: function() {
$eventResult.text('focus!');
},
onBlur: function() {
$eventResult.text('blur!');
},
onOptgroupClick: function(view) {
var values = $.map(view.children, function(child){
return child.value;
}).join(', ');
$eventResult.text('Optgroup ' + view.label + ' ' + (view.checked ? 'checked' : 'unchecked') + ': ' + values);
},
onClick: function(view) {
$eventResult.text(view.label + '(' + view.value + ') ' + (view.checked ? 'checked' : 'unchecked'));
}
});
$('#e17').find('select').multipleSelect({
single: true
});
$('#e18').find('select').multipleSelect({
position: 'top'
});
$('#e20').find('select').multipleSelect({
styler: function(value) {
if (value == '1') {
return 'background-color: #ffee00; color: #ff0000;';
}
if (value == '6') {
return 'background-color: #000; color: #fff;';
}
}
});
$('#e21').find('select').multipleSelect({
isOpen: true,
keepOpen: true
});
});
});
|
