UNPKG

dual-data-picker

Version:

## Settings editableDiv : true This use div instead input. Usefull to eliminate autocomplete feature.

86 lines (65 loc) • 1.92 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
# 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" } ]