dual-data-picker
v1.0.0
Published
## Settings editableDiv : true This use div instead input. Usefull to eliminate autocomplete feature.
Downloads
5
Readme
ds_select
Settings
editableDiv : true
This use div instead input. Usefull to eliminate autocomplete feature.
type : select | autocomplete
template_before : <html>
template_after : <html>
template_select_icon : <html>
name : <string>
Unique name of element in particular form
options_length : <int>
How many to show in dropdown
options : [
{
"value" : <string | int>,
"search" : <string>,
"label" : <string | html>,
"selected" : <string>
}
],Init
let select = new DS_Select.default({
"name" : "test"
});
document.getElementById("test").appendChild(select.node);Init Example 2
<script>
let select = new DS_Select.default({
"name" : "test",
"options_length" : 5,
"options" : [
{
"value" : 2,
"search" : "Roma Shatalov",
"label" : "Roma Shatalov",
"selected" : "Roma"
}
],
});
document.getElementById("test").appendChild(select.node);
</script>Events
onBlur(this) onFocus(this) onSelect(this, option)
Default settings you can override
allow_input_value
Default value is "true"
Possible value is "false"
It allow user's free input to be used as value. If you set it to false - only picked value from drop down will be possible.setOptions on init
let select = new DS_Select.default({
"name" : "test"
"options" : [options]
});
document.getElementById("test").appendChild(select.node);setOptions later
select.setOptions([options]);Options structure
[
{
"value" : "Value you actually will pick",
"label" : "How you want represent value in UI, html also"
}
]