Skip to content

B
bootstrap-multiselect
Commit 1da1db9a authored by David Stutz's avatar David Stutz
Browse files
Options

#171

parent 83fa65fc
Hide whitespace changes
Inline Side-by-side
Showing with 69 additions and 22 deletions
index.html
View file @ 1da1db9a
......@@ -110,10 +110,6 @@
buttonClass: 'btn btn-default btn-sm'
});
$('#example5').multiselect({
buttonClass: 'btn btn-primary disabled'
});
$('#example6').multiselect();
$('#example9').multiselect({
......@@ -276,21 +272,6 @@
Small button using <code>buttonClass: &apos;btn btn-default btn-sm&apos;</code>.
</td>
</tr>
<tr>
<td>
<select id="example5" multiple="multiple">
<option value="cheese">Cheese</option>
<option value="tomatoes">Tomatoes</option>
<option value="mozarella">Mozzarella</option>
<option value="mushrooms">Mushrooms</option>
<option value="pepperoni">Pepperoni</option>
<option value="onions">Onions</option>
</select>
</td>
<td>
Disabled using <code>buttonClass: &apos;btn btn-primary disabled&apos;</code>.
</td>
</tr>
<tr>
<td>
<div class="input-group btn-group">
......@@ -852,6 +833,16 @@
$('#example18-mushrooms').on('click', function() {
$('#example18').multiselect('deselect', 'mushrooms');
});
$('#example35').multiselect();
$('#example35-disable').on('click', function() {
$('#example35').multiselect('disable');
});
$('#example36').multiselect();
$('#example36-enable').on('click', function() {
$('#example36').multiselect('enable');
});
});
</script>
<table class="table table-striped">
......@@ -988,6 +979,48 @@ $(&quot;#multiselect&quot;).multiselect('dataprovider', data);
<p>
Used to change configuration after initializing the multiselect. This may be useful in combination with <code>.multiselect('rebuild')</code>.
</p>
</td>
</tr>
<tr>
<td>
<p><code>.multiselect('disable')</code></p>
<p>
Disable both the underlying select and the dropdown button.
</p>
</td>
<td>
<div class="btn-group">
<select id="example35" multiple="multiple">
<option value="cheese">Cheese</option>
<option value="tomatoes">Tomatoes</option>
<option value="mozarella">Mozzarella</option>
<option value="mushrooms">Mushrooms</option>
<option value="pepperoni">Pepperoni</option>
<option value="onions">Onions</option>
</select>
<button id="example35-disable" class="btn btn-default">Disable</button>
</div>
</td>
</tr>
<tr>
<td>
<p><code>.multiselect('enable')</code></p>
<p>
Enable both the underlying select and the dropdown button.
</p>
</td>
<td>
<div class="btn-group">
<select id="example36" multiple="multiple" disabled="disabled">
<option value="cheese">Cheese</option>
<option value="tomatoes">Tomatoes</option>
<option value="mozarella">Mozzarella</option>
<option value="mushrooms">Mushrooms</option>
<option value="pepperoni">Pepperoni</option>
<option value="onions">Onions</option>
</select>
<button id="example36-enable" class="btn btn-default">Enable</button>
</div>
</td>
</tr>
</tbody>
......
js/bootstrap-multiselect.js
View file @ 1da1db9a
......@@ -136,11 +136,11 @@
this.$button = $(this.templates.button).addClass(this.options.buttonClass);
// Adopt active state.
if (this.$select.attr('disabled') == undefined) {
this.$button.removeClass('disabled');
if (this.$select.prop('disabled')) {
this.disable();
}
else {
this.$button.addClass('disabled');
this.enable();
}
// Manually add button width if set.
......@@ -558,6 +558,20 @@
this.rebuild();
},
// Enable button.
enable: function() {
this.$select.prop('disabled', false);
this.$button.prop('disabled', false)
.removeClass('disabled');
},
// Disable button.
disable: function() {
this.$select.prop('disabled', true);
this.$button.prop('disabled', true)
.addClass('disabled');
},
// Set options.
setOptions: function(options) {
this.options = this.mergeOptions(options);
......
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