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: 63,514
Questions: 1
Answers: 10,472
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: 63,514
Questions: 1
Answers: 10,472
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
74.3K
All Categories
56
Priority support
24K
Free community support
997
General
14
Announcements
2.5K
DataTables
79
DataTables 2
1.3K
DataTables 1.10
92
DataTables 1.9
35
DataTables 1.8
9
CloudTables
2.2K
Editor
2.8K
Extensions
20
AutoFill
310
Buttons
50
ColVis
30
DateTime
68
FixedColumns
50
FixedHeader
31
ColReorder
30
KeyTable
103
Responsive
23
RowReorder
42
Scroller
163
SearchBuilder
193
SearchPanes
107
Select
26
StateRestore
22
TableTools
220
Bug reports
67
Feature requests
100
Plug-ins
11
Blog
69
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]