corrade-nucleus-nucleons – Blame information for rev 24
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
20 | office | 1 | # Table Select2 Filter |
2 | |||
3 | Use Plugin: [bootstrap-table-select2-filter](https://github.com/wenzhixin/bootstrap-table/tree/master/src/extensions/select2-filter) </br> |
||
4 | Dependence if you use the select2 option: [Select2](https://select2.github.io/) v4.0.0 |
||
5 | |||
6 | ## Usage |
||
7 | |||
8 | ```html |
||
9 | <script src="extensions/select2-filter/bootstrap-table-select2-filter.js"></script> |
||
10 | ``` |
||
11 | |||
12 | ## Options |
||
13 | |||
14 | ### filter |
||
15 | |||
16 | * type: Boolean |
||
17 | * description: enabled select2 filter exetension. |
||
18 | * default: `false` |
||
19 | |||
20 | ### filterValues |
||
21 | |||
22 | * type: Object |
||
23 | * description: Set default selected value. <br>Example: {columnA.field.:'Column A Selected Value',columnB.field:'Column B Selected Value'} |
||
24 | * default: `undefined` |
||
25 | |||
26 | ## Column options |
||
27 | |||
28 | ### filter |
||
29 | |||
30 | * type: Object |
||
31 | * description: Set filter option to configure the filter. <br>Example: {type:'select', data:["itemA", "itemB", "itemC"]} |
||
32 | * type: add an `input` or `select` into the column. |
||
33 | * data: need to set when type is `select` , filter data list. (The same as [Select2 Options](http://select2.github.io/examples.html#data)) |
||
34 | * default: `undefined` |
||
35 | |||
36 | ## Methods |
||
37 | |||
38 | ### setFilterData |
||
39 | |||
40 | |||
41 | * Set column's filter data. |
||
42 | * Parameters |
||
43 | * String : column field. |
||
44 | * Object : filter data list. |
||
45 | * Example: <code> $table.bootstrapTable("setFilterData", "columnA.filed", ["itemA", "itemB", "itemC"]);</code> |