You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.3 KiB
83 lines
2.3 KiB
3 years ago
|
/* ------------------------------------------------------------------------------
|
||
|
|
*
|
||
|
|
* # Dual listboxes
|
||
|
|
*
|
||
|
|
* Specific JS code additions for form_dual_listboxes.html page
|
||
|
|
*
|
||
|
|
* Version: 1.0
|
||
|
|
* Latest update: Aug 1, 2015
|
||
|
|
*
|
||
|
|
* ---------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
$(function() {
|
||
|
|
|
||
|
|
|
||
|
|
// Basic example
|
||
|
|
$('.listbox').bootstrapDualListbox();
|
||
|
|
|
||
|
|
|
||
|
|
// Multiple selection
|
||
|
|
$('.listbox-no-selection').bootstrapDualListbox({
|
||
|
|
preserveSelectionOnMove: 'moved',
|
||
|
|
moveOnSelect: false
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// Filtered results
|
||
|
|
$('.listbox-filtered-results').bootstrapDualListbox({
|
||
|
|
nonSelectedListLabel: 'Non-selected',
|
||
|
|
selectedListLabel: 'Selected',
|
||
|
|
preserveSelectionOnMove: 'moved',
|
||
|
|
moveOnSelect: false,
|
||
|
|
nonSelectedFilter: 'Biophysics|Econophysics|Geophysics|Thermodynamics'
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// Disable filtering
|
||
|
|
$('.listbox-filter-disabled').bootstrapDualListbox({
|
||
|
|
showFilterInputs: false
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// Control container height
|
||
|
|
$('.listbox-tall').bootstrapDualListbox({
|
||
|
|
selectorMinimalHeight: 300
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// Custom text
|
||
|
|
$('.listbox-custom-text').bootstrapDualListbox({
|
||
|
|
moveOnSelect: false,
|
||
|
|
infoText: 'Показать все {0}',
|
||
|
|
infoTextFiltered: '<span class="label label-warning">Отфильтровано</span> {0} из {1}',
|
||
|
|
infoTextEmpty: 'Пустой лист',
|
||
|
|
filterPlaceHolder: 'Фильтр',
|
||
|
|
filterTextClear: 'Показать все'
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
//
|
||
|
|
// Add options dynamically
|
||
|
|
//
|
||
|
|
|
||
|
|
// Initialize
|
||
|
|
$('.listbox-dynamic-options').bootstrapDualListbox({
|
||
|
|
moveOnSelect: false
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// Add options
|
||
|
|
$(".listbox-add").click(function(){
|
||
|
|
$('.listbox-dynamic-options').append('<option value="apples">Apples</option><option value="oranges" selected>Oranges</option>');
|
||
|
|
$('.listbox-dynamic-options').trigger('bootstrapDualListbox.refresh');
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// Add options with clearing highlights
|
||
|
|
$(".listbox-add-clear").click(function(){
|
||
|
|
$('.listbox-dynamic-options').append('<option value="apples">Apples</option><option value="oranges" selected>Oranges</option>');
|
||
|
|
$('.listbox-dynamic-options').trigger('bootstrapDualListbox.refresh', true);
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|