first commit
This commit is contained in:
@@ -0,0 +1,108 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap selects
|
||||
*
|
||||
* Specific JS code additions for form_bootstrap_select.html page
|
||||
*
|
||||
* Version: 1.0
|
||||
* Latest update: Aug 1, 2015
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
$(function() {
|
||||
|
||||
// Override defaults
|
||||
$.fn.selectpicker.defaults = {
|
||||
iconBase: '',
|
||||
tickIcon: 'icon-checkmark3'
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Basic setup
|
||||
// ------------------------------
|
||||
|
||||
// Basic select
|
||||
$('.bootstrap-select').selectpicker();
|
||||
|
||||
|
||||
// Dynamic refresh
|
||||
$('.rm-alaska').click(function() {
|
||||
$('.refresh-example').find('[value=AK]').remove();
|
||||
$('.refresh-example').selectpicker('refresh');
|
||||
});
|
||||
$('.rm-hawaii').click(function() {
|
||||
$('.refresh-example').find('[value=HI]').remove();
|
||||
$('.refresh-example').selectpicker('refresh');
|
||||
});
|
||||
|
||||
|
||||
// Toggle state
|
||||
$('.sel-disable').click(function() {
|
||||
$('.disable-example').prop('disabled',true);
|
||||
$('.disable-example').selectpicker('refresh');
|
||||
});
|
||||
$('.sel-enable').click(function() {
|
||||
$('.disable-example').prop('disabled',false);
|
||||
$('.disable-example').selectpicker('refresh');
|
||||
});
|
||||
|
||||
|
||||
//
|
||||
// Additional styling
|
||||
//
|
||||
|
||||
// Custom color result color
|
||||
$('.bootstrap-select-solid').selectpicker();
|
||||
$('.bootstrap-select-solid').on('show.bs.dropdown', function () {
|
||||
$(this).find('.dropdown-menu').addClass('bg-slate');
|
||||
});
|
||||
|
||||
|
||||
// Custom menu color
|
||||
$('.bootstrap-select-menu-color').selectpicker();
|
||||
$('.bootstrap-select-menu-color').on('show.bs.dropdown', function () {
|
||||
$(this).find('.dropdown-menu').addClass('bg-teal-400');
|
||||
});
|
||||
|
||||
|
||||
|
||||
// Methods
|
||||
// ------------------------------
|
||||
|
||||
// Single value method
|
||||
$('#set-single-value').on('click', function() {
|
||||
$('.set-single-value').selectpicker('val', 'NV');
|
||||
});
|
||||
|
||||
|
||||
// Multiple values method
|
||||
$('#set-multiple-values').on('click', function() {
|
||||
$('.set-multiple-values').selectpicker('val', ['NV','AZ']);
|
||||
});
|
||||
|
||||
|
||||
// Select all method
|
||||
$('#select-all-values').on('click', function() {
|
||||
$('.select-all-values').selectpicker('selectAll');
|
||||
});
|
||||
|
||||
|
||||
// Deselect all method
|
||||
$('#deselect-all-values').on('click', function() {
|
||||
$('.select-all-values').selectpicker('deselectAll');
|
||||
});
|
||||
|
||||
|
||||
// Show method
|
||||
$('#show-menu').on('click', function() {
|
||||
$('.toggle-menu').selectpicker('show');
|
||||
});
|
||||
|
||||
|
||||
// Hide method
|
||||
$('#hide-menu').on('click', function() {
|
||||
$('.toggle-menu').selectpicker('hide');
|
||||
});
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user