[ax5select](#ax5select)
9 | * [.bind(item)](#ax5select.bind) ⇒ [ax5select](#ax5select)
10 | * [.open(boundID, [tryCount])](#ax5select.open) ⇒ [ax5select](#ax5select)
11 | * [.update(item)](#ax5select.update) ⇒ [ax5select](#ax5select)
12 | * [.setOptions(boundID, options)](#ax5select.setOptions) ⇒ [ax5select](#ax5select)
13 | * [.val(boundID, [value], [selected])](#ax5select.val) ⇒ [ax5select](#ax5select)
14 | * [.close()](#ax5select.close) ⇒ [ax5select](#ax5select)
15 |
16 |
17 |
18 | ### ax5select.setConfig(config) ⇒ [ax5select](#ax5select)
19 | Preferences of select UI
20 |
21 | **Kind**: static method of [ax5select](#ax5select)
22 |
23 | | Param | Type | Description |
24 | | --- | --- | --- |
25 | | config | Object | 클래스 속성값 |
26 |
27 | **Example**
28 | ```js
29 | var options = [];
30 | for (var i = 0; i < 20; i++) {
31 | options.push({value: i, text: "optionText" + i});
32 | }
33 | var mySelect = new ax5.ui.select({
34 | theme: "danger"
35 | });
36 | mySelect.bind({
37 | theme: "primary",
38 | target: $('[data-ax5select="select1"]'),
39 | options: options,
40 | onChange: function () {
41 | console.log(this);
42 | },
43 | onClose: function () {
44 | console.log(this);
45 | },
46 | onStateChanged: function () {
47 | console.log(this);
48 | }
49 | });
50 | ```
51 |
52 |
53 | ### ax5select.bind(item) ⇒ [ax5select](#ax5select)
54 | bind select
55 |
56 | **Kind**: static method of [ax5select](#ax5select)
57 |
58 | | Param | Type |
59 | | --- | --- |
60 | | item | Object |
61 | | [item.id] | String |
62 | | [item.theme] | String |
63 | | [item.multiple] | Boolean |
64 | | item.target | Element |
65 | | item.options | Array.<Object> |
66 |
67 | **Example**
68 | ```js
69 | var mySelect = new ax5.ui.select();
70 | mySelect.bind({
71 | columnKeys: {
72 | optionValue: "value",
73 | optionText: "text"
74 | },
75 | target: $('[data-ax5select="select1"]'),
76 | options: [
77 | {value: "", text: ""}
78 | ],
79 | onChange: function(){
80 |
81 | },
82 | onClose: function(){
83 |
84 | },
85 | onStateChanged: function(){
86 |
87 | }
88 | });
89 | ```
90 |
91 |
92 | ### ax5select.open(boundID, [tryCount]) ⇒ [ax5select](#ax5select)
93 | open the optionBox of select
94 |
95 | **Kind**: static method of [ax5select](#ax5select)
96 |
97 | | Param | Type |
98 | | --- | --- |
99 | | boundID | String | Number | Element |
100 | | [tryCount] | Number |
101 |
102 |
103 |
104 | ### ax5select.update(item) ⇒ [ax5select](#ax5select)
105 | **Kind**: static method of [ax5select](#ax5select)
106 |
107 | | Param | Type |
108 | | --- | --- |
109 | | item | Object | String |
110 |
111 |
112 |
113 | ### ax5select.setOptions(boundID, options) ⇒ [ax5select](#ax5select)
114 | **Kind**: static method of [ax5select](#ax5select)
115 |
116 | | Param |
117 | | --- |
118 | | boundID |
119 | | options |
120 |
121 |
122 |
123 | ### ax5select.val(boundID, [value], [selected]) ⇒ [ax5select](#ax5select)
124 | **Kind**: static method of [ax5select](#ax5select)
125 |
126 | | Param | Type |
127 | | --- | --- |
128 | | boundID | String | Number | Element |
129 | | [value] | String | Object | Array |
130 | | [selected] | Boolean |
131 |
132 |
133 |
134 | ### ax5select.close() ⇒ [ax5select](#ax5select)
135 | **Kind**: static method of [ax5select](#ax5select)
136 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2013-2016 Thomas Jang, Brant and Team AXISJ
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [](https://travis-ci.org/ax5ui/ax5ui-select)
2 | [](https://badge.fury.io/js/ax5ui-select)
3 | [](https://www.npmjs.com/package/ax5ui-select)
4 |
5 | # ax5ui-select
6 | "select" allows users to select a collection of items.
7 |
8 | > *Dependencies*
9 | > * _[jQuery 1.X+](http://jquery.com/)_
10 | > * _[ax5core](http://ax5.io/ax5core)_
11 | > * _[bootstrap](http://getbootstrap.com/)_
12 |
13 |
14 | ### Install with bower
15 | ```sh
16 | bower install ax5ui-select
17 | ```
18 | [bower](http://bower.io/#install-bower) is web front-end package manager.
19 | When you install `bower`, it will be installed under the `bower_components` folder to resolve the plug-in dependencies.
20 | (You can change the folder location. [.bowerrc](http://bower.io/docs/config/#bowerrc-specification) )
21 |
22 | It is recommended that you install by using `bower`.
23 | If you've never used bower, please refer to [http://bower.io/#install-bower](http://bower.io/#install-bower).
24 |
25 | ### Install with npm
26 | If you do not use bower, it also can be installed by using npm as an alternative.
27 | In case of npm, which is the package manager for the front end, you need to solve the problem of plug-in dependencies.
28 |
29 | ```sh
30 | npm install jquery
31 | npm install ax5core
32 | npm install ax5ui-select
33 | ```
34 |
35 | After downloading the install file of npm, you will need to copy it to the location where you want to use as a resource for the project.
36 | If the copy process is inconvenient, it also can be done easily by using `gulp` or `grunt`.
37 |
38 | ### Download code
39 | - [ax5core Github releases](https://github.com/ax5ui/ax5core/releases)
40 | - [ax5ui-select Github releases](https://github.com/ax5ui/ax5ui-select/releases)
41 |
42 |
43 | * * *
44 |
45 | ### Insert "ax5select" in HTML HEAD
46 |
47 | Folder location can be any for your project. However, please be sure to assign the right path in the project.
48 | ```html
49 |
50 |
51 |
52 |
53 | ```
54 |
55 | **CDN urls**
56 | This is a list of CDN urls for ax5ui-select. ax5ui offers the CDN services through rawgit.
57 | ```
58 | https://cdn.rawgit.com/ax5ui/ax5ui-select/master/dist/ax5select.css
59 | https://cdn.rawgit.com/ax5ui/ax5ui-select/master/dist/ax5select.js
60 | https://cdn.rawgit.com/ax5ui/ax5ui-select/master/dist/ax5select.min.js
61 | ```
62 |
63 | ### Basic Usage
64 | ```html
65 |