Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
B
bootstrap-multiselect
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
bootstrap-multiselect
Commits
8ed8c4d0
Commit
8ed8c4d0
authored
Apr 20, 2016
by
David Stutz
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Updated tests and fixed select all + clickable + collapsible issues.
parent
3a5c6069
Changes
3
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
141 additions
and
101 deletions
+141
-101
bootstrap-multiselect.js
dist/js/bootstrap-multiselect.js
+100
-96
index.html
index.html
+33
-0
bootstrap-multiselect.js
tests/spec/bootstrap-multiselect.js
+8
-5
No files found.
dist/js/bootstrap-multiselect.js
View file @
8ed8c4d0
This diff is collapsed.
Click to expand it.
index.html
View file @
8ed8c4d0
...
@@ -2322,6 +2322,39 @@
...
@@ -2322,6 +2322,39 @@
});
});
});
});
<
/script
>
<
/script
>
</pre>
</div>
<p>
The select all element naturally respects disabled elements:
</p>
<div
class=
"example"
>
<script
type=
"text/javascript"
>
$
(
document
).
ready
(
function
()
{
$
(
'
#example-includeSelectAllOption-disbled
'
).
multiselect
({
includeSelectAllOption
:
true
});
});
</script>
<select
id=
"example-includeSelectAllOption-disbled"
multiple=
"multiple"
>
<option
value=
"1"
disabled=
"disabled"
>
Option 1
</option>
<option
value=
"2"
>
Option 2
</option>
<option
value=
"3"
>
Option 3
</option>
<option
value=
"4"
>
Option 4
</option>
<option
value=
"5"
>
Option 5
</option>
<option
value=
"6"
>
Option 6
</option>
</select>
</div>
<div
class=
"highlight"
>
<pre
class=
"prettyprint linenums"
>
<
script type="text/javascript"
>
$(document).ready(function() {
$('#example-includeSelectAllOption-disbled').multiselect({
includeSelectAllOption: true
});
});
<
/script
>
</pre>
</pre>
</div>
</div>
</td>
</td>
...
...
tests/spec/bootstrap-multiselect.js
View file @
8ed8c4d0
...
@@ -516,14 +516,16 @@ describe('Bootstrap Multiselect "Collapsible Optgroups"', function() {
...
@@ -516,14 +516,16 @@ describe('Bootstrap Multiselect "Collapsible Optgroups"', function() {
var
$lis
=
$group
.
nextUntil
(
'
li.multiselect-group
'
);
var
$lis
=
$group
.
nextUntil
(
'
li.multiselect-group
'
);
$lis
.
each
(
function
()
{
$lis
.
each
(
function
()
{
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
false
);
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
true
);
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
$
(
this
).
is
(
'
:hidden
'
));
});
});
$
(
'
.caret-container
'
,
$group
).
click
();
$
(
'
.caret-container
'
,
$group
).
click
();
var
$lis
=
$group
.
nextUntil
(
'
li.multiselect-group
'
);
var
$lis
=
$group
.
nextUntil
(
'
li.multiselect-group
'
);
$lis
.
each
(
function
()
{
$lis
.
each
(
function
()
{
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
true
);
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
false
);
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
$
(
this
).
is
(
'
:hidden
'
));
});
});
});
});
...
@@ -616,14 +618,16 @@ describe('Bootstrap Multiselect "Clickable+Collapsible Optgroups"', function() {
...
@@ -616,14 +618,16 @@ describe('Bootstrap Multiselect "Clickable+Collapsible Optgroups"', function() {
var
$lis
=
$group
.
nextUntil
(
'
li.multiselect-group
'
);
var
$lis
=
$group
.
nextUntil
(
'
li.multiselect-group
'
);
$lis
.
each
(
function
()
{
$lis
.
each
(
function
()
{
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
false
);
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
true
);
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
$
(
this
).
is
(
'
:hidden
'
));
});
});
$
(
'
.caret-container
'
,
$group
).
click
();
$
(
'
.caret-container
'
,
$group
).
click
();
var
$lis
=
$group
.
nextUntil
(
'
li.multiselect-group
'
);
var
$lis
=
$group
.
nextUntil
(
'
li.multiselect-group
'
);
$lis
.
each
(
function
()
{
$lis
.
each
(
function
()
{
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
true
);
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
false
);
expect
(
$
(
this
).
hasClass
(
'
multiselect-collapsible-hidden
'
)).
toBe
(
$
(
this
).
is
(
'
:hidden
'
));
});
});
});
});
...
@@ -664,7 +668,6 @@ describe('Bootstrap Multiselect "Clickable+Collapsible+SelectAll Optgroups"', fu
...
@@ -664,7 +668,6 @@ describe('Bootstrap Multiselect "Clickable+Collapsible+SelectAll Optgroups"', fu
it
(
'
Should handle option groups differently, i.e. not set class to active.
'
,
function
()
{
it
(
'
Should handle option groups differently, i.e. not set class to active.
'
,
function
()
{
// Otherwise they are hidden.
// Otherwise they are hidden.
$
(
'
#multiselect-container li.multiselect-group .caret-container
'
).
click
();
$
(
'
#multiselect-container input[value="multiselect-all"]
'
).
click
();
$
(
'
#multiselect-container input[value="multiselect-all"]
'
).
click
();
var
$groups
=
$
(
'
#multiselect-container li.multiselect-group
'
);
var
$groups
=
$
(
'
#multiselect-container li.multiselect-group
'
);
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment