Files
nirvana/assets/js/custom/documentation/forms/multiselectsplitter.js
T
2022-01-10 22:32:53 -08:00

66 lines
1.8 KiB
JavaScript

"use strict";
// Class definition
var KTFormsMultiselectsplitterDemos = function() {
// Private functions
var example1 = function() {
$("#kt_multiselectsplitter_example_1").multiselectsplitter();
}
var example2 = function() {
$('#kt_multiselectsplitter_example_2').multiselectsplitter({
selectSize: 7,
clearOnFirstChange: true,
groupCounter: true
});
}
var example3 = function() {
$('#kt_multiselectsplitter_example_3').multiselectsplitter({
groupCounter: true,
maximumSelected: 2
});
}
var example4 = function() {
$('#kt_multiselectsplitter_example_4').multiselectsplitter({
groupCounter: true,
maximumSelected: 3,
onlySameGroup: true
});
}
var example5 = function() {
$('#kt_multiselectsplitter_example_5').multiselectsplitter({
size: 6,
groupCounter: true,
maximumSelected: 2,
maximumAlert: function(maximumSelected) {
alert("You choose " + ( maximumSelected + 1 ) + " options. Are you crazy ?");
},
createFirstSelect: function (label, $originalSelect) {
return "<option class=\"text-success\">prefix - " + label + "</option>";
},
createSecondSelect: function (label, $firstSelect) {
return "<option class=\"text-danger\"> ??? </option>";
}
});
}
return {
// Public Functions
init: function() {
example1();
example2();
example3();
example4();
example5();
}
};
}();
// On document ready
KTUtil.onDOMContentLoaded(function() {
KTFormsMultiselectsplitterDemos.init();
});