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: 61,752
Questions: 1
Answers: 10,111
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: 61,752
Questions: 1
Answers: 10,111
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
73.1K
All Categories
56
Priority support
23K
Free community support
977
General
13
Announcements
2.4K
DataTables
6
DataTables 2
1.3K
DataTables 1.10
90
DataTables 1.9
35
DataTables 1.8
9
CloudTables
2.1K
Editor
2.8K
Extensions
20
AutoFill
301
Buttons
49
ColVis
28
DateTime
67
FixedColumns
49
FixedHeader
31
ColReorder
28
KeyTable
100
Responsive
22
RowReorder
40
Scroller
157
SearchBuilder
189
SearchPanes
101
Select
25
StateRestore
22
TableTools
210
Bug reports
65
Feature requests
97
Plug-ins
11
Blog
64
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]