DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
Examples
Manual
Reference
Extensions
Plug-ins
Blog
Forums
Discussions
Sign In
Support
FAQs
Download
Purchase
≡
Show site navigation
Attribute to get a multiple select list
Attribute to get a multiple select list
egberte
Posts: 13
Questions: 1
Answers: 0
February 2014
edited February 2014
in
Editor
I want a select but of this boot strap type: (select example #2 here: http://getbootstrap.com/css/#forms-controls)
How do I get a multiple selection pick list via the SELECT field type?
Replies
allan
Posts: 64,579
Questions: 1
Answers: 10,678
Site admin
February 2014
You can set the multiple attribute using the `attr` option: https://editor.datatables.net/fields/#select
[code]
{
name: "myField",
label: "My Field",
attr: {
multiple: true
}
}
[/code]
Allan
egberte
Posts: 13
Questions: 1
Answers: 0
February 2014
This syntax differs from what i am using. Is this for an API call or can it be used in the following block:
{
"type": "select",
"label": "",
"name": "selmonths",
"ipOpts": [
{ "label": "January", "value": "jan" },
{ "label": "February", "value": "feb" },
{ "label": "March", "value": "mar" },
{ "label": "April", "value": "aprl" },
{ "label": "May", "value": "may" },
{ "label": "June", "value": "jun" },
{ "label": "July", "value": "jul" },
{ "label": "August", "value": "aug" },
{ "label": "September", "value": "sept" },
{ "label": "October", "value": "oct" },
{ "label": "November", "value": "nov" },
{ "label": "December", "value": "dec" }
]
}
allan
Posts: 64,579
Questions: 1
Answers: 10,678
Site admin
February 2014
It can be used in that block. `attr` is just another option.
Allan
egberte
Posts: 13
Questions: 1
Answers: 0
February 2014
Thank you. things are coming along nicely with Editor - working with Bootstrap and the bootstrap date picker.
egberte
Posts: 13
Questions: 1
Answers: 0
February 2014
worked. Just needed quotes around "attr"
[code]
"label": "",
"name": "selmonths",
"attr": { multiple: true},
"ipOpts": [
{ "label": "January", "value": "jan" },
[/code]
This discussion has been closed.
Sign In
·
Register
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Sign In
Register
Quick Links
Categories
Recent Discussions
Unanswered
Categories
75K
All Categories
57
Priority support
24.6K
Free community support
1K
General
14
Announcements
2.6K
DataTables
127
DataTables 2
1.3K
DataTables 1.10
93
DataTables 1.9
35
DataTables 1.8
9
CloudTables
2.2K
Editor
2.8K
Extensions
20
AutoFill
314
Buttons
34
ColReorder
3
ColumnControl
33
DateTime
68
FixedColumns
51
FixedHeader
31
KeyTable
106
Responsive
24
RowReorder
43
Scroller
168
SearchBuilder
200
SearchPanes
107
Select
26
StateRestore
220
Bug reports
68
Feature requests
101
Plug-ins
11
Blog
73
Web-site
Replies
[code]
{
name: "myField",
label: "My Field",
attr: {
multiple: true
}
}
[/code]
Allan
{
"type": "select",
"label": "",
"name": "selmonths",
"ipOpts": [
{ "label": "January", "value": "jan" },
{ "label": "February", "value": "feb" },
{ "label": "March", "value": "mar" },
{ "label": "April", "value": "aprl" },
{ "label": "May", "value": "may" },
{ "label": "June", "value": "jun" },
{ "label": "July", "value": "jul" },
{ "label": "August", "value": "aug" },
{ "label": "September", "value": "sept" },
{ "label": "October", "value": "oct" },
{ "label": "November", "value": "nov" },
{ "label": "December", "value": "dec" }
]
}
Allan
[code]
"label": "",
"name": "selmonths",
"attr": { multiple: true},
"ipOpts": [
{ "label": "January", "value": "jan" },
[/code]