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
5c3beca3
Commit
5c3beca3
authored
Jul 26, 2013
by
David Stutz
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Added tabindex to button.
parent
ffc5a47f
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
25 additions
and
1 deletion
+25
-1
index.html
index.html
+17
-0
bootstrap-multiselect.js
js/bootstrap-multiselect.js
+8
-1
No files found.
index.html
View file @
5c3beca3
...
...
@@ -135,6 +135,8 @@
enableFiltering
:
true
,
maxHeight
:
150
});
$
(
'
#example32
'
).
multiselect
();
});
</script>
<p>
...
...
@@ -482,6 +484,21 @@
The multiselect will adopt the state of the select:
<code>
<
select disabled
><
/select
>
</code>
.
</td>
</tr>
<tr>
<td>
<select
id=
"example32"
multiple=
"multiple"
tabindex=
"1"
>
<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>
The buttin will keep the
<code>
tabindex
</code>
of the select.
</td>
</tr>
</table>
<div
class=
"page-header"
>
<h1>
Code
</h1>
...
...
js/bootstrap-multiselect.js
View file @
5c3beca3
...
...
@@ -41,12 +41,19 @@
this
.
$container
=
$
(
this
.
options
.
buttonContainer
).
append
(
'
<button type="button" class="multiselect dropdown-toggle
'
+
this
.
options
.
buttonClass
+
'
" data-toggle="dropdown">
'
+
this
.
options
.
buttonText
(
this
.
getSelected
(),
this
.
$select
)
+
'
</button>
'
)
.
append
(
'
<ul class="multiselect-container dropdown-menu
'
+
(
this
.
options
.
dropRight
?
'
pull-right
'
:
''
)
+
'
"></ul>
'
);
// Manually add button width if set.
if
(
this
.
options
.
buttonWidth
)
{
$
(
'
button
'
,
this
.
$container
).
css
({
'
width
'
:
this
.
options
.
buttonWidth
});
}
// Keep the tab index from the select.
var
tabindex
=
this
.
$select
.
attr
(
'
tabindex
'
);
if
(
tabindex
)
{
$
(
'
button
'
,
this
.
$container
).
attr
(
'
tabindex
'
,
tabindex
);
}
// Set max height of dropdown menu to activate auto scrollbar.
if
(
this
.
options
.
maxHeight
)
{
// TODO: Add a class for this option to move the css declarations.
...
...
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