Skip to content

B
bootstrap-multiselect
Commit 401598ce authored by Mike Griffin's avatar Mike Griffin
Browse files
Options

Update bootstrap-multiselect.js 

Major overhaul of knockout support, added clearSelection() method and dramatically improved performance of getOptionByValue() and getInputByValue()
parent 31521a01
Hide whitespace changes
Inline Side-by-side
Showing with 168 additions and 105 deletions
js/bootstrap-multiselect.js
View file @ 401598ce
...@@ -6,42 +6,70 @@ ...@@ -6,42 +6,70 @@
* *
* Dual licensed under the BSD-3-Clause and the Apache License, Version 2.0. * Dual licensed under the BSD-3-Clause and the Apache License, Version 2.0.
*/ */
!function($) { !function ($) {
"use strict";// jshint ;_; "use strict";// jshint ;_;
if (typeof ko !== 'undefined' && ko.bindingHandlers && !ko.bindingHandlers.multiselect) { if (typeof ko !== 'undefined' && ko.bindingHandlers && !ko.bindingHandlers.multiselect) {
ko.bindingHandlers.multiselect = { ko.bindingHandlers.multiselect = {
init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {},
update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
var config = ko.utils.unwrapObservable(valueAccessor()); var listOfSelectedItems = allBindingsAccessor().selectedOptions,
var selectOptions = allBindingsAccessor().options; config = ko.utils.unwrapObservable(valueAccessor());
var ms = $(element).data('multiselect');
$(element).multiselect(config);
// If the ko.observableArray changes rebuild the multiselect
if (isObservableArray(selectOptions)) { if (isObservableArray(listOfSelectedItems)) {
selectOptions.subscribe(function (theArray) { // Subscribe to the selectedOptions: ko.observableArray
$(element).multiselect('rebuild'); listOfSelectedItems.subscribe(function (changes) {
}); var addedArray = [], deletedArray = [];
} changes.forEach(function (change) {
switch (change.status) {
if (!ms) { case 'added':
$(element).multiselect(config); addedArray.push(change.value);
} break;
else { case 'deleted':
ms.updateOriginalOptions(); deletedArray.push(change.value);
if (selectOptions && selectOptions().length !== ms.originalOptions.length) { break;
$(element).multiselect('rebuild'); }
} });
} if (addedArray.length > 0) {
$(element).multiselect('select', addedArray);
};
if (deletedArray.length > 0) {
$(element).multiselect('deselect', deletedArray);
};
}, null, "arrayChange");
}
},
update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
var listOfItems = allBindingsAccessor().options,
ms = $(element).data('multiselect'),
config = ko.utils.unwrapObservable(valueAccessor());
if (isObservableArray(listOfItems)) {
// Subscribe to the options: ko.observableArray incase it changes later
listOfItems.subscribe(function (theArray) {
$(element).multiselect('rebuild');
});
}
if (!ms) {
$(element).multiselect(config);
}
else {
ms.updateOriginalOptions();
}
} }
}; };
} }
function isObservableArray(obj) { function isObservableArray(obj) {
return ko.isObservable(obj) && !(obj.destroyAll === undefined); return ko.isObservable(obj) && !(obj.destroyAll === undefined);
}; }
/** /**
* Constructor to create a new multiselect using the given select. * Constructor to create a new multiselect using the given select.
...@@ -73,10 +101,10 @@ ...@@ -73,10 +101,10 @@
this.buildDropdown(); this.buildDropdown();
this.buildDropdownOptions(); this.buildDropdownOptions();
this.buildFilter(); this.buildFilter();
this.updateButtonText(); this.updateButtonText();
this.updateSelectAll(); this.updateSelectAll();
this.$select.hide().after(this.$container); this.$select.hide().after(this.$container);
}; };
...@@ -91,7 +119,7 @@ ...@@ -91,7 +119,7 @@
* @param {jQuery} select * @param {jQuery} select
* @returns {String} * @returns {String}
*/ */
buttonText: function(options, select) { buttonText: function (options, select) {
if (options.length === 0) { if (options.length === 0) {
return this.nonSelectedText + ' <b class="caret"></b>'; return this.nonSelectedText + ' <b class="caret"></b>';
} }
...@@ -101,7 +129,7 @@ ...@@ -101,7 +129,7 @@
} }
else { else {
var selected = ''; var selected = '';
options.each(function() { options.each(function () {
var label = ($(this).attr('label') !== undefined) ? $(this).attr('label') : $(this).html(); var label = ($(this).attr('label') !== undefined) ? $(this).attr('label') : $(this).html();
selected += label + ', '; selected += label + ', ';
...@@ -116,7 +144,7 @@ ...@@ -116,7 +144,7 @@
* @param {jQuery} select * @param {jQuery} select
* @returns {@exp;selected@call;substr} * @returns {@exp;selected@call;substr}
*/ */
buttonTitle: function(options, select) { buttonTitle: function (options, select) {
if (options.length === 0) { if (options.length === 0) {
return this.nonSelectedText; return this.nonSelectedText;
} }
...@@ -134,7 +162,7 @@ ...@@ -134,7 +162,7 @@
* @param {jQuery} element * @param {jQuery} element
* @returns {String} * @returns {String}
*/ */
label: function(element){ label: function (element) {
return $(element).attr('label') || $(element).html(); return $(element).attr('label') || $(element).html();
}, },
/** /**
...@@ -144,7 +172,7 @@ ...@@ -144,7 +172,7 @@
* @param {jQuery} option * @param {jQuery} option
* @param {Boolean} checked * @param {Boolean} checked
*/ */
onChange : function(option, checked) { onChange: function (option, checked) {
}, },
/** /**
...@@ -152,7 +180,7 @@ ...@@ -152,7 +180,7 @@
* *
* @param {jQuery} event * @param {jQuery} event
*/ */
onDropdownShow: function(event) { onDropdownShow: function (event) {
}, },
/** /**
...@@ -160,7 +188,7 @@ ...@@ -160,7 +188,7 @@
* *
* @param {jQuery} event * @param {jQuery} event
*/ */
onDropdownHide: function(event) { onDropdownHide: function (event) {
}, },
buttonClass: 'btn btn-default', buttonClass: 'btn btn-default',
...@@ -199,7 +227,7 @@ ...@@ -199,7 +227,7 @@
/** /**
* Builds the container of the multiselect. * Builds the container of the multiselect.
*/ */
buildContainer: function() { buildContainer: function () {
this.$container = $(this.options.buttonContainer); this.$container = $(this.options.buttonContainer);
this.$container.on('show.bs.dropdown', this.options.onDropdownShow); this.$container.on('show.bs.dropdown', this.options.onDropdownShow);
this.$container.on('hide.bs.dropdown', this.options.onDropdownHide); this.$container.on('hide.bs.dropdown', this.options.onDropdownHide);
...@@ -208,7 +236,7 @@ ...@@ -208,7 +236,7 @@
/** /**
* Builds the button of the multiselect. * Builds the button of the multiselect.
*/ */
buildButton: function() { buildButton: function () {
this.$button = $(this.templates.button).addClass(this.options.buttonClass); this.$button = $(this.templates.button).addClass(this.options.buttonClass);
// Adopt active state. // Adopt active state.
...@@ -220,9 +248,9 @@ ...@@ -220,9 +248,9 @@
} }
// Manually add button width if set. // Manually add button width if set.
if (this.options.buttonWidth) { if (this.options.buttonWidth && this.options.buttonWidth != 'auto') {
this.$button.css({ this.$button.css({
'width' : this.options.buttonWidth 'width': this.options.buttonWidth
}); });
} }
...@@ -238,7 +266,7 @@ ...@@ -238,7 +266,7 @@
/** /**
* Builds the ul representing the dropdown menu. * Builds the ul representing the dropdown menu.
*/ */
buildDropdown: function() { buildDropdown: function () {
// Build ul. // Build ul.
this.$ul = $(this.templates.ul); this.$ul = $(this.templates.ul);
...@@ -264,10 +292,10 @@ ...@@ -264,10 +292,10 @@
* Build the dropdown options and binds all nessecary events. * Build the dropdown options and binds all nessecary events.
* Uses createDivider and createOptionValue to create the necessary options. * Uses createDivider and createOptionValue to create the necessary options.
*/ */
buildDropdownOptions: function() { buildDropdownOptions: function () {
this.$select.children().each($.proxy(function (index, element) {
this.$select.children().each($.proxy(function(index, element) {
// Support optgroups and options without a group simultaneously. // Support optgroups and options without a group simultaneously.
var tag = $(element).prop('tagName') var tag = $(element).prop('tagName')
.toLowerCase(); .toLowerCase();
...@@ -285,12 +313,12 @@ ...@@ -285,12 +313,12 @@
} }
} }
// Other illegal tags will be ignored. // Other illegal tags will be ignored.
}, this)); }, this));
// Bind the change event on the dropdown elements. // Bind the change event on the dropdown elements.
$('li input', this.$ul).on('change', $.proxy(function(event) { $('li input', this.$ul).on('change', $.proxy(function (event) {
var checked = $(event.target).prop('checked') || false; var checked = $(event.target).prop('checked') || false;
var isSelectAllOption = $(event.target).val() === this.options.selectAllValue; var isSelectAllOption = $(event.target).val() === this.options.selectAllValue;
...@@ -364,16 +392,16 @@ ...@@ -364,16 +392,16 @@
this.$select.change(); this.$select.change();
this.options.onChange($option, checked); this.options.onChange($option, checked);
this.updateButtonText(); this.updateButtonText();
this.updateSelectAll(); this.updateSelectAll();
if(this.options.preventInputChangeEvent) { if (this.options.preventInputChangeEvent) {
return false; return false;
} }
}, this)); }, this));
$('li a', this.$ul).on('touchstart click', function(event) { $('li a', this.$ul).on('touchstart click', function (event) {
event.stopPropagation(); event.stopPropagation();
if (event.shiftKey) { if (event.shiftKey) {
...@@ -389,7 +417,7 @@ ...@@ -389,7 +417,7 @@
if (currentIdx > prevIdx) { if (currentIdx > prevIdx) {
$(event.target).parents("li:last").prevUntil(prev).each( $(event.target).parents("li:last").prevUntil(prev).each(
function() { function () {
$(this).find("input:first").prop("checked", true) $(this).find("input:first").prop("checked", true)
.trigger("change"); .trigger("change");
} }
...@@ -397,7 +425,7 @@ ...@@ -397,7 +425,7 @@
} }
else { else {
$(event.target).parents("li:last").nextUntil(prev).each( $(event.target).parents("li:last").nextUntil(prev).each(
function() { function () {
$(this).find("input:first").prop("checked", true) $(this).find("input:first").prop("checked", true)
.trigger("change"); .trigger("change");
} }
...@@ -410,13 +438,13 @@ ...@@ -410,13 +438,13 @@
}); });
// Keyboard support. // Keyboard support.
this.$container.on('keydown', $.proxy(function(event) { this.$container.on('keydown', $.proxy(function (event) {
if ($('input[type="text"]', this.$container).is(':focus')) { if ($('input[type="text"]', this.$container).is(':focus')) {
return; return;
} }
if ((event.keyCode === 9 || event.keyCode === 27) if ((event.keyCode === 9 || event.keyCode === 27)
&& this.$container.hasClass('open')) { && this.$container.hasClass('open')) {
// Close on tab or escape. // Close on tab or escape.
this.$button.click(); this.$button.click();
} }
...@@ -433,7 +461,7 @@ ...@@ -433,7 +461,7 @@
if (event.keyCode === 38 && index > 0) { if (event.keyCode === 38 && index > 0) {
index--; index--;
} }
// Navigate down. // Navigate down.
else if (event.keyCode === 40 && index < $items.length - 1) { else if (event.keyCode === 40 && index < $items.length - 1) {
index++; index++;
} }
...@@ -462,7 +490,7 @@ ...@@ -462,7 +490,7 @@
* *
* @param {jQuery} element * @param {jQuery} element
*/ */
createOptionValue: function(element) { createOptionValue: function (element) {
if ($(element).is(':selected')) { if ($(element).is(':selected')) {
$(element).prop('selected', true); $(element).prop('selected', true);
} }
...@@ -509,7 +537,7 @@ ...@@ -509,7 +537,7 @@
* *
* @param {jQuery} element * @param {jQuery} element
*/ */
createDivider: function(element) { createDivider: function (element) {
var $divider = $(this.templates.divider); var $divider = $(this.templates.divider);
this.$ul.append($divider); this.$ul.append($divider);
}, },
...@@ -519,7 +547,7 @@ ...@@ -519,7 +547,7 @@
* *
* @param {jQuery} group * @param {jQuery} group
*/ */
createOptgroup: function(group) { createOptgroup: function (group) {
var groupName = $(group).prop('label'); var groupName = $(group).prop('label');
// Add a header for the group. // Add a header for the group.
...@@ -529,7 +557,7 @@ ...@@ -529,7 +557,7 @@
this.$ul.append($li); this.$ul.append($li);
// Add the options of the group. // Add the options of the group.
$('option', group).each($.proxy(function(index, element) { $('option', group).each($.proxy(function (index, element) {
this.createOptionValue(element); this.createOptionValue(element);
}, this)); }, this));
}, },
...@@ -538,9 +566,9 @@ ...@@ -538,9 +566,9 @@
* Build the selct all. * Build the selct all.
* Checks if a select all ahs already been created. * Checks if a select all ahs already been created.
*/ */
buildSelectAll: function() { buildSelectAll: function () {
var alreadyHasSelectAll = this.hasSelectAll(); var alreadyHasSelectAll = this.hasSelectAll();
// If options.includeSelectAllOption === true, add the include all checkbox. // If options.includeSelectAllOption === true, add the include all checkbox.
if (this.options.includeSelectAllOption && this.options.multiple && !alreadyHasSelectAll) { if (this.options.includeSelectAllOption && this.options.multiple && !alreadyHasSelectAll) {
this.$select.prepend('<option value="' + this.options.selectAllValue + '">' + this.options.selectAllText + '</option>'); this.$select.prepend('<option value="' + this.options.selectAllValue + '">' + this.options.selectAllText + '</option>');
...@@ -550,7 +578,7 @@ ...@@ -550,7 +578,7 @@
/** /**
* Builds the filter. * Builds the filter.
*/ */
buildFilter: function() { buildFilter: function () {
// Build filter if filtering OR case insensitive filtering is enabled and the number of options exceeds (or equals) enableFilterLength. // Build filter if filtering OR case insensitive filtering is enabled and the number of options exceeds (or equals) enableFilterLength.
if (this.options.enableFiltering || this.options.enableCaseInsensitiveFiltering) { if (this.options.enableFiltering || this.options.enableCaseInsensitiveFiltering) {
...@@ -562,18 +590,18 @@ ...@@ -562,18 +590,18 @@
$('input', this.$filter).attr('placeholder', this.options.filterPlaceholder); $('input', this.$filter).attr('placeholder', this.options.filterPlaceholder);
this.$ul.prepend(this.$filter); this.$ul.prepend(this.$filter);
this.$filter.val(this.query).on('click', function(event) { this.$filter.val(this.query).on('click', function (event) {
event.stopPropagation(); event.stopPropagation();
}).on('keydown', $.proxy(function(event) { }).on('input keydown', $.proxy(function (event) {
// This is useful to catch "keydown" events after the browser has updated the control. // This is useful to catch "keydown" events after the browser has updated the control.
clearTimeout(this.searchTimeout); clearTimeout(this.searchTimeout);
this.searchTimeout = this.asyncFunction($.proxy(function() { this.searchTimeout = this.asyncFunction($.proxy(function () {
if (this.query !== event.target.value) { if (this.query !== event.target.value) {
this.query = event.target.value; this.query = event.target.value;
$.each($('li', this.$ul), $.proxy(function(index, element) { $.each($('li', this.$ul), $.proxy(function (index, element) {
var value = $('input', element).val(); var value = $('input', element).val();
var text = $('label', element).text(); var text = $('label', element).text();
...@@ -617,7 +645,7 @@ ...@@ -617,7 +645,7 @@
/** /**
* Unbinds the whole plugin. * Unbinds the whole plugin.
*/ */
destroy: function() { destroy: function () {
this.$container.remove(); this.$container.remove();
this.$select.show(); this.$select.show();
}, },
...@@ -625,9 +653,9 @@ ...@@ -625,9 +653,9 @@
/** /**
* Refreshs the multiselect based on the selected options of the select. * Refreshs the multiselect based on the selected options of the select.
*/ */
refresh: function() { refresh: function () {
$('option', this.$select).each($.proxy(function(index, element) { $('option', this.$select).each($.proxy(function (index, element) {
var $input = $('li input', this.$ul).filter(function() { var $input = $('li input', this.$ul).filter(function () {
return $(this).val() === $(element).val(); return $(this).val() === $(element).val();
}); });
...@@ -670,8 +698,8 @@ ...@@ -670,8 +698,8 @@
* *
* @param {Array} selectValues * @param {Array} selectValues
*/ */
select: function(selectValues) { select: function (selectValues) {
if(selectValues && !$.isArray(selectValues)) { if (selectValues && !$.isArray(selectValues)) {
selectValues = [selectValues]; selectValues = [selectValues];
} }
...@@ -693,13 +721,34 @@ ...@@ -693,13 +721,34 @@
this.updateButtonText(); this.updateButtonText();
}, },
/**
* Clears all selected items
*
*/
clearSelection: function () {
var selected = this.getSelected();
if (selected.length) {
var arry = [];
for (var i = 0; i < selected.length; i = i + 1) {
arry.push(selected[i].value);
}
this.deselect(arry);
this.$select.change();
}
},
/** /**
* Deselects all options of the given values. * Deselects all options of the given values.
* *
* @param {Array} deselectValues * @param {Array} deselectValues
*/ */
deselect: function(deselectValues) { deselect: function (deselectValues) {
if(deselectValues && !$.isArray(deselectValues)) { if (deselectValues && !$.isArray(deselectValues)) {
deselectValues = [deselectValues]; deselectValues = [deselectValues];
} }
...@@ -726,7 +775,7 @@ ...@@ -726,7 +775,7 @@
* Rebuild the plugin. * Rebuild the plugin.
* Rebuilds the dropdown, the filter and the select all option. * Rebuilds the dropdown, the filter and the select all option.
*/ */
rebuild: function() { rebuild: function () {
this.$ul.html(''); this.$ul.html('');
// Remove select all option in select. // Remove select all option in select.
...@@ -738,7 +787,7 @@ ...@@ -738,7 +787,7 @@
this.buildSelectAll(); this.buildSelectAll();
this.buildDropdownOptions(); this.buildDropdownOptions();
this.buildFilter(); this.buildFilter();
this.updateButtonText(); this.updateButtonText();
this.updateSelectAll(); this.updateSelectAll();
}, },
...@@ -748,7 +797,7 @@ ...@@ -748,7 +797,7 @@
* *
* @param {Array} dataprovider * @param {Array} dataprovider
*/ */
dataprovider: function(dataprovider) { dataprovider: function (dataprovider) {
var optionDOM = ""; var optionDOM = "";
dataprovider.forEach(function (option) { dataprovider.forEach(function (option) {
optionDOM += '<option value="' + option.value + '">' + option.label + '</option>'; optionDOM += '<option value="' + option.value + '">' + option.label + '</option>';
...@@ -761,7 +810,7 @@ ...@@ -761,7 +810,7 @@
/** /**
* Enable the multiselect. * Enable the multiselect.
*/ */
enable: function() { enable: function () {
this.$select.prop('disabled', false); this.$select.prop('disabled', false);
this.$button.prop('disabled', false) this.$button.prop('disabled', false)
.removeClass('disabled'); .removeClass('disabled');
...@@ -770,7 +819,7 @@ ...@@ -770,7 +819,7 @@
/** /**
* Disable the multiselect. * Disable the multiselect.
*/ */
disable: function() { disable: function () {
this.$select.prop('disabled', true); this.$select.prop('disabled', true);
this.$button.prop('disabled', true) this.$button.prop('disabled', true)
.addClass('disabled'); .addClass('disabled');
...@@ -781,7 +830,7 @@ ...@@ -781,7 +830,7 @@
* *
* @param {Array} options * @param {Array} options
*/ */
setOptions: function(options) { setOptions: function (options) {
this.options = this.mergeOptions(options); this.options = this.mergeOptions(options);
}, },
...@@ -791,26 +840,26 @@ ...@@ -791,26 +840,26 @@
* @param {Array} options * @param {Array} options
* @returns {Array} * @returns {Array}
*/ */
mergeOptions: function(options) { mergeOptions: function (options) {
return $.extend({}, this.defaults, options); return $.extend({}, this.defaults, options);
}, },
/** /**
* Checks whether a select all option is present. * Checks whether a select all option is present.
* *
* @returns {Boolean} * @returns {Boolean}
*/ */
hasSelectAll: function() { hasSelectAll: function () {
return this.$select[0][0] ? this.$select[0][0].value === this.options.selectAllValue : false; return this.$select[0][0] ? this.$select[0][0].value === this.options.selectAllValue : false;
}, },
/** /**
* Updates the select all option based on the currently selected options. * Updates the select all option based on the currently selected options.
*/ */
updateSelectAll: function() { updateSelectAll: function () {
if (this.hasSelectAll()) { if (this.hasSelectAll()) {
var selected = this.getSelected(); var selected = this.getSelected();
if (selected.length === $('option', this.$select).length - 1) { if (selected.length === $('option', this.$select).length - 1) {
this.select(this.options.selectAllValue); this.select(this.options.selectAllValue);
} }
...@@ -819,16 +868,16 @@ ...@@ -819,16 +868,16 @@
} }
} }
}, },
/** /**
* Update the button text and its title base don the currenty selected options. * Update the button text and its title base don the currenty selected options.
*/ */
updateButtonText: function() { updateButtonText: function () {
var options = this.getSelected(); var options = this.getSelected();
// First update the displayed button text. // First update the displayed button text.
$('button', this.$container).html(this.options.buttonText(options, this.$select)); $('button', this.$container).html(this.options.buttonText(options, this.$select));
// Now update the title attribute of the button. // Now update the title attribute of the button.
$('button', this.$container).attr('title', this.options.buttonTitle(options, this.$select)); $('button', this.$container).attr('title', this.options.buttonTitle(options, this.$select));
...@@ -839,8 +888,8 @@ ...@@ -839,8 +888,8 @@
* *
* @returns {jQUery} * @returns {jQUery}
*/ */
getSelected: function() { getSelected: function () {
return $('option[value!="' + this.options.selectAllValue + '"]:selected', this.$select).filter(function() { return $('option[value!="' + this.options.selectAllValue + '"]:selected', this.$select).filter(function () {
return $(this).prop('selected'); return $(this).prop('selected');
}); });
}, },
...@@ -851,10 +900,17 @@ ...@@ -851,10 +900,17 @@
* @param {String} value * @param {String} value
* @returns {jQuery} * @returns {jQuery}
*/ */
getOptionByValue: function(value) { getOptionByValue: function (value) {
return $('option', this.$select).filter(function() {
return $(this).val() === value; var options = $('option', this.$select);
}); var valueToCompare = value.toString();
for (var i = 0; i < options.length; i = i + 1) {
var option = options[i];
if (option.value == valueToCompare) {
return $(option);
}
}
}, },
/** /**
...@@ -863,35 +919,42 @@ ...@@ -863,35 +919,42 @@
* @param {String} value * @param {String} value
* @returns {jQuery} * @returns {jQuery}
*/ */
getInputByValue: function(value) { getInputByValue: function (value) {
return $('li input', this.$ul).filter(function() {
return $(this).val() === value; var checkboxes = $('li input', this.$ul);
}); var valueToCompare = value.toString();
for (var i = 0; i < checkboxes.length; i = i + 1) {
var checkbox = checkboxes[i];
if (checkbox.value == valueToCompare) {
return $(checkbox);
}
}
}, },
/** /**
* Used for knockout integration. * Used for knockout integration.
*/ */
updateOriginalOptions: function() { updateOriginalOptions: function () {
this.originalOptions = this.$select.clone()[0].options; this.originalOptions = this.$select.clone()[0].options;
}, },
asyncFunction: function(callback, timeout, self) { asyncFunction: function (callback, timeout, self) {
var args = Array.prototype.slice.call(arguments, 3); var args = Array.prototype.slice.call(arguments, 3);
return setTimeout(function() { return setTimeout(function () {
callback.apply(self || window, args); callback.apply(self || window, args);
}, timeout); }, timeout);
} }
}; };
$.fn.multiselect = function(option, parameter) { $.fn.multiselect = function (option, parameter) {
return this.each(function() { return this.each(function () {
var data = $(this).data('multiselect'); var data = $(this).data('multiselect');
var options = typeof option === 'object' && option; var options = typeof option === 'object' && option;
// Initialize the multiselect. // Initialize the multiselect.
if (!data) { if (!data) {
$(this).data('multiselect', ( data = new Multiselect(this, options))); $(this).data('multiselect', (data = new Multiselect(this, options)));
} }
// Call multiselect method. // Call multiselect method.
...@@ -903,7 +966,7 @@ ...@@ -903,7 +966,7 @@
$.fn.multiselect.Constructor = Multiselect; $.fn.multiselect.Constructor = Multiselect;
$(function() { $(function () {
$("select[data-role=multiselect]").multiselect(); $("select[data-role=multiselect]").multiselect();
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment