@king-design/vue 3.4.3-beta.0 → 3.4.3-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__tests__/__snapshots__/Vue Next Demos.md +177 -215
- package/__tests__/components/editable.spec.ts +1 -1
- package/components/button/index.vdt.js +1 -1
- package/components/button/styles.js +3 -3
- package/components/diagram/shapes/callout.d.ts +1 -1
- package/components/diagram/shapes/circle.d.ts +1 -1
- package/components/diagram/shapes/document.d.ts +1 -1
- package/components/diagram/shapes/ellipse.d.ts +1 -1
- package/components/diagram/shapes/hexagon.d.ts +1 -1
- package/components/diagram/shapes/image.d.ts +1 -1
- package/components/diagram/shapes/parallelogram.d.ts +1 -1
- package/components/diagram/shapes/rectangle.d.ts +1 -1
- package/components/diagram/shapes/square.d.ts +1 -1
- package/components/diagram/shapes/text.d.ts +1 -1
- package/components/dialog/styles.js +3 -3
- package/components/dropdown/item.js +2 -5
- package/components/editable/index.spec.js +8 -8
- package/components/editable/index.vdt.js +1 -3
- package/components/editable/styles.d.ts +0 -1
- package/components/editable/styles.js +1 -4
- package/components/ellipsis/index.vdt.js +0 -1
- package/components/select/base.d.ts +0 -4
- package/components/select/base.js +1 -11
- package/components/select/base.vdt.js +1 -2
- package/components/switch/index.js +1 -1
- package/components/table/cell.d.ts +0 -1
- package/components/table/cell.vdt.js +3 -13
- package/components/table/column.d.ts +0 -1
- package/components/table/column.js +0 -1
- package/components/table/row.d.ts +1 -2
- package/components/table/row.js +2 -3
- package/components/table/row.vdt.js +1 -3
- package/components/table/styles.js +1 -1
- package/components/table/table.d.ts +0 -2
- package/components/table/table.js +1 -2
- package/components/table/table.vdt.js +0 -14
- package/components/table/useGroup.js +1 -1
- package/components/table/useTree.d.ts +1 -1
- package/components/table/useTree.js +2 -30
- package/components/tooltip/tooltip.d.ts +0 -1
- package/components/tooltip/tooltip.js +1 -9
- package/components/treeSelect/index.vdt.js +0 -1
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +2 -2
- package/components/select/useImmutable.d.ts +0 -4
- package/components/select/useImmutable.js +0 -46
|
@@ -11,19 +11,19 @@
|
|
|
11
11
|
#### `Badge basic`
|
|
12
12
|
|
|
13
13
|
```
|
|
14
|
-
"<div><div class=\"k-badge css-18sjap3\">Message<sup class=\"k-badge-text\"></sup></div><div class=\"k-badge css-18sjap3\"><button class=\"k-btn k-default css-
|
|
14
|
+
"<div><div class=\"k-badge css-18sjap3\">Message<sup class=\"k-badge-text\"></sup></div><div class=\"k-badge css-18sjap3\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\"></sup></div></div>"
|
|
15
15
|
```
|
|
16
16
|
|
|
17
17
|
#### `Badge disabled`
|
|
18
18
|
|
|
19
19
|
```
|
|
20
|
-
"<div><div class=\"k-badge css-18sjap3\">Message</div><div class=\"k-badge css-18sjap3\"><button class=\"k-btn k-default css-
|
|
20
|
+
"<div><div class=\"k-badge css-18sjap3\">Message</div><div class=\"k-badge css-18sjap3\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Message</button></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Message</button></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Message</button></div></div>"
|
|
21
21
|
```
|
|
22
22
|
|
|
23
23
|
#### `Badge text`
|
|
24
24
|
|
|
25
25
|
```
|
|
26
|
-
"<div><div class=\"k-badge k-has-text css-18sjap3\">Message<sup class=\"k-badge-text\">new</sup></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-
|
|
26
|
+
"<div><div class=\"k-badge k-has-text css-18sjap3\">Message<sup class=\"k-badge-text\">new</sup></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">6</sup></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">19</sup></div><div class=\"k-badge k-has-text css-18sjap3\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">99+</sup></div></div>"
|
|
27
27
|
```
|
|
28
28
|
|
|
29
29
|
## `breadcrumb`
|
|
@@ -45,49 +45,49 @@
|
|
|
45
45
|
#### `Button basic`
|
|
46
46
|
|
|
47
47
|
```
|
|
48
|
-
"<div><button class=\"k-btn k-default css-
|
|
48
|
+
"<div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">primary</button><button class=\"k-btn k-secondary css-17njowz\" tabindex=\"0\" type=\"button\">secondary</button><button class=\"k-btn k-warning css-17njowz\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger css-17njowz\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success css-17njowz\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-none css-17njowz\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-link css-17njowz\" tabindex=\"0\" type=\"button\">link</button><button class=\"k-btn k-flat css-17njowz\" tabindex=\"0\" type=\"button\">flat</button><button class=\"k-btn k-custom css-1kkjc3r\" tabindex=\"0\" type=\"button\">custom</button><button class=\"k-btn k-custom css-eeps74\" tabindex=\"0\" type=\"button\">custom</button><button class=\"k-btn k-custom css-1h2c0xv\" tabindex=\"0\" type=\"button\">custom</button></div>"
|
|
49
49
|
```
|
|
50
50
|
|
|
51
51
|
#### `Button disabled`
|
|
52
52
|
|
|
53
53
|
```
|
|
54
|
-
"<div><button class=\"k-btn k-default k-disabled css-
|
|
54
|
+
"<div><button class=\"k-btn k-default k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">disabled</button><button class=\"k-btn k-none k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">disabled text</button><button class=\"k-btn k-default k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-link k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">link</button><button class=\"k-btn k-flat k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">flat</button></div>"
|
|
55
55
|
```
|
|
56
56
|
|
|
57
57
|
#### `Button ghost`
|
|
58
58
|
|
|
59
59
|
```
|
|
60
|
-
"<div class=\"wrapper\"><button class=\"k-btn k-default k-ghost css-
|
|
60
|
+
"<div class=\"wrapper\"><button class=\"k-btn k-default k-ghost css-12ncg60\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i>default</button><button class=\"k-btn k-primary k-ghost css-706be0\" tabindex=\"0\" type=\"button\">primay<i class=\"k-icon k-icon-right css-16qej3\"></i></button><button class=\"k-btn k-warning k-ghost css-17njowz\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger k-ghost css-17njowz\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success k-ghost css-17njowz\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-ghost k-custom css-1h2c0xv\" tabindex=\"0\" type=\"button\">custom</button><button class=\"k-btn k-none k-ghost css-17njowz\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-primary k-disabled k-ghost css-17njowz\" tabindex=\"-1\" type=\"button\">primay</button></div>"
|
|
61
61
|
```
|
|
62
62
|
|
|
63
63
|
#### `Button group`
|
|
64
64
|
|
|
65
65
|
```
|
|
66
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
66
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-danger css-17njowz\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-danger css-17njowz\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-danger css-17njowz\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-flat css-17njowz\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-flat css-17njowz\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-flat css-17njowz\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-primary css-12ncg60\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i>上一页 </button><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\"> 下一页<i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><br><br><p>纵向按钮组</p><div class=\"k-btns k-vertical css-mk35v2\"><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">重启</button></div><br><br><p>单选按钮组</p><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-flat k-active css-17njowz\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-17njowz\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-17njowz\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-17njowz\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><p>多选按钮组</p><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-default css-17njowz\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default css-17njowz\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default css-17njowz\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default css-17njowz\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button></div><p>有间隔的按钮组</p><div class=\"k-btns k-seperate css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-btns k-seperate css-mk35v2\"><button class=\"k-btn k-primary k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">北京</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">上海</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">广州</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">深圳</button></div><p>支持自定义ButtonGroup下的Button宽度</p><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\" style=\"width: px;\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\" style=\"width: px;\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\" style=\"width: px;\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\" style=\"width: px;\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div>"
|
|
67
67
|
```
|
|
68
68
|
|
|
69
69
|
#### `Button icon`
|
|
70
70
|
|
|
71
71
|
```
|
|
72
|
-
"<div><button class=\"k-btn k-default k-btn-icon css-
|
|
72
|
+
"<div><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-default k-btn-icon k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-none k-btn-icon k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-flat k-btn-icon k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-large k-danger k-btn-icon k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-large css-16qej3\"></i></button><button class=\"k-btn k-primary css-12ncg60\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i>搜索</button><button class=\"k-btn k-primary k-circle css-12ncg60\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i>搜索</button></div>"
|
|
73
73
|
```
|
|
74
74
|
|
|
75
75
|
#### `Button loading`
|
|
76
76
|
|
|
77
77
|
```
|
|
78
|
-
"<div><button class=\"k-btn k-primary k-loading k-disabled css-
|
|
78
|
+
"<div><button class=\"k-btn k-primary k-loading k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-rotate ion-load-c k-icon-loading css-16qej3\"></i>确认</button><button class=\"k-btn k-default k-btn-icon k-circle k-loading k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-rotate ion-load-c k-icon-loading css-16qej3\"></i><i class=\"k-icon k-icon-search\"></i></button><br> <br><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">点击加载</button><button class=\"k-btn k-primary css-12ncg60\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i>点击加载</button><button class=\"k-btn k-default k-btn-icon k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\">图标在右侧<i class=\"k-icon k-icon-search css-16qej3\"></i></button></div>"
|
|
79
79
|
```
|
|
80
80
|
|
|
81
81
|
#### `Button size`
|
|
82
82
|
|
|
83
83
|
```
|
|
84
|
-
"<div><button class=\"k-btn k-large k-default css-
|
|
84
|
+
"<div><button class=\"k-btn k-large k-default css-17njowz\" tabindex=\"0\" type=\"button\">large</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-small k-default css-17njowz\" tabindex=\"0\" type=\"button\">small</button><button class=\"k-btn k-mini k-default css-17njowz\" tabindex=\"0\" type=\"button\">mini</button><br><br><button class=\"k-btn k-large k-default k-btn-icon k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-large css-16qej3\"></i></button><button class=\"k-btn k-default k-btn-icon k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button><button class=\"k-btn k-small k-default k-btn-icon k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></button><button class=\"k-btn k-mini k-default k-btn-icon k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-mini css-16qej3\"></i></button></div>"
|
|
85
85
|
```
|
|
86
86
|
|
|
87
87
|
#### `Button tagName`
|
|
88
88
|
|
|
89
89
|
```
|
|
90
|
-
"<div><div class=\"k-btn k-primary css-
|
|
90
|
+
"<div><div class=\"k-btn k-primary css-17njowz\" tabindex=\"0\">div元素按钮</div><div class=\"k-btn k-default k-disabled css-17njowz\" tabindex=\"-1\">disabled div button</div><a class=\"k-btn k-default css-17njowz\" href=\"https://www.ksyun.com\" target=\"_blank\" tabindex=\"0\">超链接按钮</a></div>"
|
|
91
91
|
```
|
|
92
92
|
|
|
93
93
|
## `card`
|
|
@@ -95,31 +95,31 @@
|
|
|
95
95
|
#### `Card basic`
|
|
96
96
|
|
|
97
97
|
```
|
|
98
|
-
"<div><div class=\"k-card k-shadow css-
|
|
98
|
+
"<div><div class=\"k-card k-shadow css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
|
|
99
99
|
```
|
|
100
100
|
|
|
101
101
|
#### `Card extra`
|
|
102
102
|
|
|
103
103
|
```
|
|
104
|
-
"<div><div class=\"k-card k-shadow css-
|
|
104
|
+
"<div><div class=\"k-card k-shadow css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div><div class=\"k-card-extra\"><div class=\"k-tabs k-size-small k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">数据集成</div><div class=\"k-tab\">数据采集</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div><div class=\"k-card-extra\"><div class=\"k-tabs k-size-small k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">数据集成</div><div class=\"k-tab\">数据采集</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
|
|
105
105
|
```
|
|
106
106
|
|
|
107
107
|
#### `Card grid`
|
|
108
108
|
|
|
109
109
|
```
|
|
110
|
-
"<div><div class=\"k-card k-shadow k-no-header k-card-grid css-
|
|
110
|
+
"<div><div class=\"k-card k-shadow k-no-header k-card-grid css-1jf5xj\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-16qej3\"></i></div><div class=\"k-card-column k-fluid\">用户名：test</div></div></div><div class=\"k-card k-shadow k-no-header k-card-grid css-1jf5xj\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-16qej3\"></i></div><div class=\"k-card-column k-fluid\">用户名：test</div></div></div><div class=\"k-card k-border k-no-header k-card-grid css-1jf5xj\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-16qej3\"></i></div><div class=\"k-card-column k-fluid\">用户名：test</div></div></div></div>"
|
|
111
111
|
```
|
|
112
112
|
|
|
113
113
|
#### `Card noHeader`
|
|
114
114
|
|
|
115
115
|
```
|
|
116
|
-
"<div><div class=\"k-card k-shadow k-no-header css-
|
|
116
|
+
"<div><div class=\"k-card k-shadow k-no-header css-1jf5xj\"><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border k-no-header css-1jf5xj\"><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
|
|
117
117
|
```
|
|
118
118
|
|
|
119
119
|
#### `Card size`
|
|
120
120
|
|
|
121
121
|
```
|
|
122
|
-
"<div><div class=\"k-card k-border k-large css-
|
|
122
|
+
"<div><div class=\"k-card k-border k-large css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border k-small css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border k-mini css-1jf5xj\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
|
|
123
123
|
```
|
|
124
124
|
|
|
125
125
|
## `carousel`
|
|
@@ -127,25 +127,25 @@
|
|
|
127
127
|
#### `Carousel autoplay`
|
|
128
128
|
|
|
129
129
|
```
|
|
130
|
-
"<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-800px, 0px, 0px);\"><div class=\"k-carousel-item k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\">2</div><div class=\"k-carousel-item css-mnsv7w\">3</div><div class=\"k-carousel-item css-mnsv7w\">4</div><div class=\"k-carousel-item k-active k-cloned css-mnsv7w\">1</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-
|
|
130
|
+
"<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-800px, 0px, 0px);\"><div class=\"k-carousel-item k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\">2</div><div class=\"k-carousel-item css-mnsv7w\">3</div><div class=\"k-carousel-item css-mnsv7w\">4</div><div class=\"k-carousel-item k-active k-cloned css-mnsv7w\">1</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-next k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
|
|
131
131
|
```
|
|
132
132
|
|
|
133
133
|
#### `Carousel basic`
|
|
134
134
|
|
|
135
135
|
```
|
|
136
|
-
"<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-800px, 0px, 0px);\"><div class=\"k-carousel-item k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\">2</div><div class=\"k-carousel-item css-mnsv7w\">3</div><div class=\"k-carousel-item css-mnsv7w\">4</div><div class=\"k-carousel-item k-active k-cloned css-mnsv7w\">1</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-
|
|
136
|
+
"<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-800px, 0px, 0px);\"><div class=\"k-carousel-item k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\">2</div><div class=\"k-carousel-item css-mnsv7w\">3</div><div class=\"k-carousel-item css-mnsv7w\">4</div><div class=\"k-carousel-item k-active k-cloned css-mnsv7w\">1</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-next k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
|
|
137
137
|
```
|
|
138
138
|
|
|
139
139
|
#### `Carousel effect`
|
|
140
140
|
|
|
141
141
|
```
|
|
142
|
-
"<div class=\"k-carousel k-hover k-fade css-109atsp\"><div class=\"k-carousel-wrapper\"><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">2</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">3</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">4</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-
|
|
142
|
+
"<div class=\"k-carousel k-hover k-fade css-109atsp\"><div class=\"k-carousel-wrapper\"><div class=\"k-carousel-item k-active css-mnsv7w\">1</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">2</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">3</div><div class=\"k-carousel-item css-mnsv7w\" style=\"display: none;\">4</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-next k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
|
|
143
143
|
```
|
|
144
144
|
|
|
145
145
|
#### `Carousel multiple`
|
|
146
146
|
|
|
147
147
|
```
|
|
148
|
-
"<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-1600px, 0px, 0px);\"><div class=\"k-carousel-item three k-cloned css-mnsv7w\">3</div><div class=\"k-carousel-item four k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item one k-active css-mnsv7w\">1</div><div class=\"k-carousel-item two css-mnsv7w\">2</div><div class=\"k-carousel-item three css-mnsv7w\">3</div><div class=\"k-carousel-item four css-mnsv7w\">4</div><div class=\"k-carousel-item one k-active k-cloned css-mnsv7w\">1</div><div class=\"k-carousel-item two k-cloned css-mnsv7w\">2</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-
|
|
148
|
+
"<div class=\"k-carousel k-hover k-stop k-slide css-109atsp\"><div class=\"k-carousel-wrapper\" style=\"transform: translate3d(-1600px, 0px, 0px);\"><div class=\"k-carousel-item three k-cloned css-mnsv7w\">3</div><div class=\"k-carousel-item four k-cloned css-mnsv7w\">4</div><div class=\"k-carousel-item one k-active css-mnsv7w\">1</div><div class=\"k-carousel-item two css-mnsv7w\">2</div><div class=\"k-carousel-item three css-mnsv7w\">3</div><div class=\"k-carousel-item four css-mnsv7w\">4</div><div class=\"k-carousel-item one k-active k-cloned css-mnsv7w\">1</div><div class=\"k-carousel-item two k-cloned css-mnsv7w\">2</div></div><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-prev k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-none k-btn-icon k-carousel-btn k-next k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button><div class=\"k-carousel-indicator c-clearfix\"><div class=\"k-carousel-dot k-active\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div><div class=\"k-carousel-dot\"></div></div></div>"
|
|
149
149
|
```
|
|
150
150
|
|
|
151
151
|
## `cascader`
|
|
@@ -293,13 +293,13 @@
|
|
|
293
293
|
#### `Config basic`
|
|
294
294
|
|
|
295
295
|
```
|
|
296
|
-
"<button class=\"kd-btn kd-default css-
|
|
296
|
+
"<button class=\"kd-btn kd-default css-i94hdc\" tabindex=\"0\" type=\"button\">Button</button>"
|
|
297
297
|
```
|
|
298
298
|
|
|
299
299
|
#### `Config disableWave`
|
|
300
300
|
|
|
301
301
|
```
|
|
302
|
-
"<button class=\"k-btn k-default css-
|
|
302
|
+
"<button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Button</button>"
|
|
303
303
|
```
|
|
304
304
|
|
|
305
305
|
## `copy`
|
|
@@ -313,7 +313,7 @@
|
|
|
313
313
|
#### `Copy children`
|
|
314
314
|
|
|
315
315
|
```
|
|
316
|
-
"<div><span class=\"k-copy css-t3aops\"> Copy </span><button class=\"k-btn k-default k-copy css-t3aops css-
|
|
316
|
+
"<div><span class=\"k-copy css-t3aops\"> Copy </span><button class=\"k-btn k-default k-copy css-t3aops css-17njowz\" tabindex=\"0\" type=\"button\">Copy</button><button class=\"k-btn k-mini k-link k-copy css-t3aops css-17njowz\" tabindex=\"0\" type=\"button\">Copy</button><i class=\"k-icon k-hoverable ion-ios-copy k-copy css-t3aops k-large css-16qej3\"></i><button class=\"k-btn k-default k-btn-icon k-copy css-t3aops k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-copy-outline css-16qej3\"></i></button></div>"
|
|
317
317
|
```
|
|
318
318
|
|
|
319
319
|
## `datepicker`
|
|
@@ -378,26 +378,6 @@
|
|
|
378
378
|
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
379
379
|
```
|
|
380
380
|
|
|
381
|
-
## `descriptions`
|
|
382
|
-
|
|
383
|
-
#### `Descriptions basic`
|
|
384
|
-
|
|
385
|
-
```
|
|
386
|
-
"<div><div class=\"k-descriptions css-1t0vgme\"><div class=\"k-descriptions-title\">基础信息</div><div class=\"k-descriptions-content\"><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label1</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试1</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label2</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试测试</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label3</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试3</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label4</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试4</div></div><div class=\"k-description-option\">option</div></div></div></div></div><div class=\"k-descriptions css-85ywe6\"><div class=\"k-descriptions-title\">基础信息</div><div class=\"k-descriptions-content\"><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试1</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试1</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试2</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试3</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试3</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试4</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试4</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试5</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试5</div></div></div></div></div></div></div>"
|
|
387
|
-
```
|
|
388
|
-
|
|
389
|
-
#### `Descriptions custom`
|
|
390
|
-
|
|
391
|
-
```
|
|
392
|
-
"<div><div class=\"k-descriptions css-85ywe6\"><div class=\"k-descriptions-title\"><span>自定义标题</span><i class=\"k-icon k-icon-question css-16qej3\"></i><!--portal--></div><div class=\"k-descriptions-content\"><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label1</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"> 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 </div></div><div class=\"k-description-option\"><i class=\"k-icon k-hoverable k-icon-clone k-copy css-t3aops css-16qej3\" title=\"复制\"></i></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label2</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"> 测试 </div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\"><span>自定义label</span><i class=\"k-icon k-icon-question css-16qej3\"></i><!--portal--></div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"> 测试 </div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label4</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>测试4</span><button class=\"k-btn k-link css-h31bz\" tabindex=\"0\" type=\"button\">分配项目</button></div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label5</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试5</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label6</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试6</div></div></div></div></div></div></div>"
|
|
393
|
-
```
|
|
394
|
-
|
|
395
|
-
#### `Descriptions vertical`
|
|
396
|
-
|
|
397
|
-
```
|
|
398
|
-
"<div><div class=\"k-descriptions k-vertical css-85ywe6\"><div class=\"k-descriptions-title\">基础信息</div><div class=\"k-descriptions-content\"><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试1</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试1</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试2</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试2</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试3</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试3</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试4</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试4</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试5</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试5</div></div></div></div></div></div></div>"
|
|
399
|
-
```
|
|
400
|
-
|
|
401
381
|
## `diagram`
|
|
402
382
|
|
|
403
383
|
#### `Diagram basic`
|
|
@@ -423,55 +403,55 @@
|
|
|
423
403
|
#### `Dialog asyncClose`
|
|
424
404
|
|
|
425
405
|
```
|
|
426
|
-
"<div><button class=\"k-btn k-primary css-
|
|
406
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Close Dialog Asynchronously</button><!--portal--></div>"
|
|
427
407
|
```
|
|
428
408
|
|
|
429
409
|
#### `Dialog basic`
|
|
430
410
|
|
|
431
411
|
```
|
|
432
|
-
"<div><button class=\"k-btn k-primary css-
|
|
412
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
|
|
433
413
|
```
|
|
434
414
|
|
|
435
415
|
#### `Dialog block`
|
|
436
416
|
|
|
437
417
|
```
|
|
438
|
-
"<div><button class=\"k-btn k-primary css-
|
|
418
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Show Dialog</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Show No Footer Dialog</button><!--portal--><!--portal--></div>"
|
|
439
419
|
```
|
|
440
420
|
|
|
441
421
|
#### `Dialog destroy`
|
|
442
422
|
|
|
443
423
|
```
|
|
444
|
-
"<div><button class=\"k-btn k-primary css-
|
|
424
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
|
|
445
425
|
```
|
|
446
426
|
|
|
447
427
|
#### `Dialog events`
|
|
448
428
|
|
|
449
429
|
```
|
|
450
|
-
"<div><button class=\"k-btn k-primary css-
|
|
430
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
|
|
451
431
|
```
|
|
452
432
|
|
|
453
433
|
#### `Dialog overlay`
|
|
454
434
|
|
|
455
435
|
```
|
|
456
|
-
"<div><button class=\"k-btn k-primary css-
|
|
436
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
|
|
457
437
|
```
|
|
458
438
|
|
|
459
439
|
#### `Dialog size`
|
|
460
440
|
|
|
461
441
|
```
|
|
462
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
442
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show large Dialog</button><!--portal--><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show default Dialog</button><!--portal--><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show small Dialog</button><!--portal--><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show mini Dialog</button><!--portal--></div><br><br><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show 300px wide dialog</button><!--portal--></div>"
|
|
463
443
|
```
|
|
464
444
|
|
|
465
445
|
#### `Dialog static`
|
|
466
446
|
|
|
467
447
|
```
|
|
468
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
448
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show Success Dialog</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show Warning Dialog</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show Error Dialog</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show Confirm Dialog</button></div><br><br><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show Success Dialog with Title</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show Warning Dialog with Title</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show Error Dialog with Title</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Show Confirm Dialog with Title</button></div><br><br><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">异步关闭confirm弹层</button></div>"
|
|
469
449
|
```
|
|
470
450
|
|
|
471
451
|
#### `Dialog terminate`
|
|
472
452
|
|
|
473
453
|
```
|
|
474
|
-
"<div><button class=\"k-btn k-primary css-
|
|
454
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
|
|
475
455
|
```
|
|
476
456
|
|
|
477
457
|
## `divider`
|
|
@@ -479,7 +459,7 @@
|
|
|
479
459
|
#### `Divider basic`
|
|
480
460
|
|
|
481
461
|
```
|
|
482
|
-
"<div><div class=\"k-card k-shadow k-no-header css-
|
|
462
|
+
"<div><div class=\"k-card k-shadow k-no-header css-1jf5xj\"><div class=\"k-card-body\"><div>默认直线</div><div class=\"k-divider k-light k-horizontal k-default css-1ewnbs\"></div><div>虚线</div><div class=\"k-divider k-light k-horizontal k-default css-1ac0qbw\"></div></div></div></div>"
|
|
483
463
|
```
|
|
484
464
|
|
|
485
465
|
#### `Divider horizontal`
|
|
@@ -497,7 +477,7 @@
|
|
|
497
477
|
#### `Divider text`
|
|
498
478
|
|
|
499
479
|
```
|
|
500
|
-
"<div><div class=\"k-card k-shadow k-no-header css-
|
|
480
|
+
"<div><div class=\"k-card k-shadow k-no-header css-1jf5xj\"><div class=\"k-card-body\"><div>卡片内容</div><div class=\"k-divider k-light k-horizontal k-default k-with-text css-1ewnbs\"><div class=\"k-divider-text\">Text</div></div><div>卡片内容</div><div class=\"k-divider k-light k-horizontal k-default k-with-text k-left css-1ewnbs\"><div class=\"k-divider-text\">Text</div></div><div>卡片内容</div><div class=\"k-divider k-light k-horizontal k-default k-with-text k-right css-1ewnbs\"><div class=\"k-divider-text\">Text</div></div></div></div></div>"
|
|
501
481
|
```
|
|
502
482
|
|
|
503
483
|
## `drawer`
|
|
@@ -505,25 +485,25 @@
|
|
|
505
485
|
#### `Drawer basic`
|
|
506
486
|
|
|
507
487
|
```
|
|
508
|
-
"<div><button class=\"k-btn k-primary css-
|
|
488
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Show Drawer</button><!--portal--></div>"
|
|
509
489
|
```
|
|
510
490
|
|
|
511
491
|
#### `Drawer content`
|
|
512
492
|
|
|
513
493
|
```
|
|
514
|
-
"<div><button class=\"k-btn k-primary css-
|
|
494
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Show Drawer</button><!--portal--></div>"
|
|
515
495
|
```
|
|
516
496
|
|
|
517
497
|
#### `Drawer overlay`
|
|
518
498
|
|
|
519
499
|
```
|
|
520
|
-
"<div><button class=\"k-btn k-primary css-
|
|
500
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Show Drawer Without Overlay</button><!--portal--></div>"
|
|
521
501
|
```
|
|
522
502
|
|
|
523
503
|
#### `Drawer placement`
|
|
524
504
|
|
|
525
505
|
```
|
|
526
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
506
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default placement-btn css-17njowz\" tabindex=\"0\" type=\"button\">从上侧出现</button><button class=\"k-btn k-default placement-btn css-17njowz\" tabindex=\"0\" type=\"button\">从下侧出现</button><button class=\"k-btn k-default placement-btn css-17njowz\" tabindex=\"0\" type=\"button\">从左侧出现</button><button class=\"k-btn k-default placement-btn css-17njowz\" tabindex=\"0\" type=\"button\">从右侧出现</button></div><!--portal--></div>"
|
|
527
507
|
```
|
|
528
508
|
|
|
529
509
|
## `dropdown`
|
|
@@ -531,13 +511,13 @@
|
|
|
531
511
|
#### `Dropdown basic`
|
|
532
512
|
|
|
533
513
|
```
|
|
534
|
-
"<div><button class=\"k-btn k-primary css-
|
|
514
|
+
"<div><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--></div>"
|
|
535
515
|
```
|
|
536
516
|
|
|
537
517
|
#### `Dropdown checkbox`
|
|
538
518
|
|
|
539
519
|
```
|
|
540
|
-
"<div><button class=\"k-btn k-default css-
|
|
520
|
+
"<div><button class=\"k-btn k-default css-706be0\" tabindex=\"0\" type=\"button\">More<i class=\"k-icon k-icon-right css-16qej3\"></i></button><!--portal--></div>"
|
|
541
521
|
```
|
|
542
522
|
|
|
543
523
|
#### `Dropdown contextmenu`
|
|
@@ -549,31 +529,31 @@
|
|
|
549
529
|
#### `Dropdown disabled`
|
|
550
530
|
|
|
551
531
|
```
|
|
552
|
-
"<div><button class=\"k-btn k-primary css-
|
|
532
|
+
"<div><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\"> disabled <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\"> disabled item <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--></div>"
|
|
553
533
|
```
|
|
554
534
|
|
|
555
535
|
#### `Dropdown nested`
|
|
556
536
|
|
|
557
537
|
```
|
|
558
|
-
"<div><button class=\"k-btn k-primary css-
|
|
538
|
+
"<div><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--></div>"
|
|
559
539
|
```
|
|
560
540
|
|
|
561
541
|
#### `Dropdown position`
|
|
562
542
|
|
|
563
543
|
```
|
|
564
|
-
"<div><button class=\"k-btn k-primary css-
|
|
544
|
+
"<div><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\"> left <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\"> right <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\"> top center <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--></div>"
|
|
565
545
|
```
|
|
566
546
|
|
|
567
547
|
#### `Dropdown tooltip`
|
|
568
548
|
|
|
569
549
|
```
|
|
570
|
-
"<div><button class=\"k-btn k-default css-
|
|
550
|
+
"<div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">DropdownItem with Tooltip</button><!--portal--></div>"
|
|
571
551
|
```
|
|
572
552
|
|
|
573
553
|
#### `Dropdown trigger`
|
|
574
554
|
|
|
575
555
|
```
|
|
576
|
-
"<div><button class=\"k-btn k-primary css-
|
|
556
|
+
"<div><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-706be0\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
|
|
577
557
|
```
|
|
578
558
|
|
|
579
559
|
## `editable`
|
|
@@ -581,13 +561,13 @@
|
|
|
581
561
|
#### `Editable basic`
|
|
582
562
|
|
|
583
563
|
```
|
|
584
|
-
"<div><div class=\"k-editable css-
|
|
564
|
+
"<div><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><a href=\"\">editable text</a></div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable k-disabled css-12kerrq\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><a href=\"\">disabled editable text</a></div></div></div>"
|
|
585
565
|
```
|
|
586
566
|
|
|
587
567
|
#### `Editable validate`
|
|
588
568
|
|
|
589
569
|
```
|
|
590
|
-
"<div><div class=\"k-editable css-
|
|
570
|
+
"<div><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div></div>"
|
|
591
571
|
```
|
|
592
572
|
|
|
593
573
|
## `ellipsis`
|
|
@@ -601,7 +581,7 @@
|
|
|
601
581
|
#### `Ellipsis custom`
|
|
602
582
|
|
|
603
583
|
```
|
|
604
|
-
"<div style=\"width: 200px;\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper panel tooltip-class\"><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-
|
|
584
|
+
"<div style=\"width: 200px;\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper panel tooltip-class\"><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">测试</button></div></div></div>"
|
|
605
585
|
```
|
|
606
586
|
|
|
607
587
|
#### `Ellipsis position`
|
|
@@ -615,13 +595,13 @@
|
|
|
615
595
|
#### `Form basic`
|
|
616
596
|
|
|
617
597
|
```
|
|
618
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-radio-text\">Javascript</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-radio-text\">PHP</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-radio-text\">C++</span></label></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
598
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-radio-text\">Javascript</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-radio-text\">PHP</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-radio-text\">C++</span></label></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input k-type-textarea k-resize-vertical css-l0vdz7\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"2\"></textarea></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\" style=\"margin-left: 8px;\">重置</button></div></div></form>"
|
|
619
599
|
```
|
|
620
600
|
|
|
621
601
|
#### `Form custom`
|
|
622
602
|
|
|
623
603
|
```
|
|
624
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1trczha\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn k-default css-
|
|
604
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1trczha\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">删除</button></div></div><div class=\"k-form-item css-1trczha\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">删除</button></div></div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
|
|
625
605
|
```
|
|
626
606
|
|
|
627
607
|
#### `Form label`
|
|
@@ -633,7 +613,7 @@
|
|
|
633
613
|
#### `Form layout`
|
|
634
614
|
|
|
635
615
|
```
|
|
636
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-
|
|
616
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"submit\">Submit</button></div></div></form>"
|
|
637
617
|
```
|
|
638
618
|
|
|
639
619
|
#### `Form remote`
|
|
@@ -747,7 +727,7 @@
|
|
|
747
727
|
#### `Input blocks`
|
|
748
728
|
|
|
749
729
|
```
|
|
750
|
-
"<div><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-none k-btn-icon css-
|
|
730
|
+
"<div><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button></div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">提交</button></div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">提交</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">创建</button></div></div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button></div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">搜索</button></div></div><br><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div></div><br><div class=\"k-input k-group css-l0vdz7\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div><div class=\"k-input-append k-input-padding\">.com</div></div></div>"
|
|
751
731
|
```
|
|
752
732
|
|
|
753
733
|
#### `Input clearable`
|
|
@@ -783,7 +763,7 @@
|
|
|
783
763
|
#### `Input search`
|
|
784
764
|
|
|
785
765
|
```
|
|
786
|
-
"<div><form class=\"k-search k-hide k-default css-1pzlpaw\"><div class=\"k-input k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-
|
|
766
|
+
"<div><form class=\"k-search k-hide k-default css-1pzlpaw\"><div class=\"k-input k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-16qej3\"></i></button></form><br><form class=\"k-search k-hide k-line css-1pzlpaw\"><div class=\"k-input k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-16qej3\"></i></button></form></div>"
|
|
787
767
|
```
|
|
788
768
|
|
|
789
769
|
#### `Input showCount`
|
|
@@ -795,7 +775,7 @@
|
|
|
795
775
|
#### `Input size`
|
|
796
776
|
|
|
797
777
|
```
|
|
798
|
-
"<div><div class=\"k-input k-large css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"large\"></div></div><br><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"default\"></div></div><br><div class=\"k-input k-small css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"small\"></div></div><br><div class=\"k-input k-small k-group css-l0vdz7\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><br><div class=\"k-input k-small k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-earth\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-small k-primary k-btn-icon css-
|
|
778
|
+
"<div><div class=\"k-input k-large css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"large\"></div></div><br><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"default\"></div></div><br><div class=\"k-input k-small css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"small\"></div></div><br><div class=\"k-input k-small k-group css-l0vdz7\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><br><div class=\"k-input k-small k-group css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-earth\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-small k-primary k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon k-icon-search k-small css-16qej3\"></i></button></div></div><br><div class=\"k-input k-small k-group k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div><div class=\"k-input-append\"><button class=\"k-btn k-small k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Search</button></div></div><br><div class=\"k-input k-mini css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"mini\"></div></div></div>"
|
|
799
779
|
```
|
|
800
780
|
|
|
801
781
|
#### `Input textarea`
|
|
@@ -809,31 +789,31 @@
|
|
|
809
789
|
#### `Layout aside`
|
|
810
790
|
|
|
811
791
|
```
|
|
812
|
-
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-1wk1cze\" style=\"width: 200px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-dark k-vertical css-
|
|
792
|
+
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-1wk1cze\" style=\"width: 200px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-dark k-vertical css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\"><div class=\"k-layout-header k-dark css-1nd3ggh\" style=\"height: 64px;\"><button class=\"k-btn k-large k-none k-ghost css-17njowz\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-16qej3\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div>content</div></div></div></div>"
|
|
813
793
|
```
|
|
814
794
|
|
|
815
795
|
#### `Layout asideFix`
|
|
816
796
|
|
|
817
797
|
```
|
|
818
|
-
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 260px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-
|
|
798
|
+
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 260px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\" style=\"padding-left: 260px;\"><div class=\"k-layout-header k-fixed k-white css-1nd3ggh\" style=\"height: 64px; left: 260px;\"><button class=\"k-btn k-large k-none css-17njowz\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-16qej3\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\" style=\"margin-top: 64px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
|
|
819
799
|
```
|
|
820
800
|
|
|
821
801
|
#### `Layout basic`
|
|
822
802
|
|
|
823
803
|
```
|
|
824
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-blur k-box-shadow k-white header css-
|
|
804
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-blur k-box-shadow k-white header css-1nd3ggh\" style=\"height: 54px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 54px;\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 200px; top: 54px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"content\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div></div></div></div></div>"
|
|
825
805
|
```
|
|
826
806
|
|
|
827
807
|
#### `Layout fix`
|
|
828
808
|
|
|
829
809
|
```
|
|
830
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-
|
|
810
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-1nd3ggh\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-dark k-horizontal css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 64px;\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 200px; top: 64px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
|
|
831
811
|
```
|
|
832
812
|
|
|
833
813
|
#### `Layout theme`
|
|
834
814
|
|
|
835
815
|
```
|
|
836
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-light header css-
|
|
816
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-light header css-1nd3ggh\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-light css-1wk1cze\" style=\"width: 200px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div> 切换主题：<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div></div>"
|
|
837
817
|
```
|
|
838
818
|
|
|
839
819
|
## `menu`
|
|
@@ -841,55 +821,55 @@
|
|
|
841
821
|
#### `Menu accordion`
|
|
842
822
|
|
|
843
823
|
```
|
|
844
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
824
|
+
"<div class=\"k-menu k-dark k-vertical css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2 </span></div></div></div></div></div><div class=\"k-menu-item k-expanded css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1k8qtgp k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>Option 1</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 4 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1k8qtgp k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>Option 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>Option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div></div></div></div></div></div>"
|
|
845
825
|
```
|
|
846
826
|
|
|
847
827
|
#### `Menu basic`
|
|
848
828
|
|
|
849
829
|
```
|
|
850
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
830
|
+
"<div class=\"k-menu k-dark k-vertical css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 4 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1k8qtgp k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>Option 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>Option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div>"
|
|
851
831
|
```
|
|
852
832
|
|
|
853
833
|
#### `Menu collapse`
|
|
854
834
|
|
|
855
835
|
```
|
|
856
|
-
"<div><div class=\"k-switch k-checked k-
|
|
836
|
+
"<div><div class=\"k-switch k-checked k-default css-1uvd6c7\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-collapsed k-vertical css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i></div></div></div></div><!--portal--></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i></div></div></div></div><!--portal--></div><div class=\"k-menu-item k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i></div></div></div></div><!--portal--></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-14asjef\"><i class=\"k-icon ion-cloud css-16qej3\"></i></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-stats-bars css-16qej3\"></i></div></div></div></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-upload css-16qej3\"></i></div></div></div></div><!--portal--></div></div></div></div>"
|
|
857
837
|
```
|
|
858
838
|
|
|
859
839
|
#### `Menu dot`
|
|
860
840
|
|
|
861
841
|
```
|
|
862
|
-
"<div class=\"k-menu k-light k-vertical css-
|
|
842
|
+
"<div class=\"k-menu k-light k-vertical css-ofoyx5\"><div class=\"k-menu-header css-14asjef\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div>"
|
|
863
843
|
```
|
|
864
844
|
|
|
865
845
|
#### `Menu horizontal`
|
|
866
846
|
|
|
867
847
|
```
|
|
868
|
-
"<div><div class=\"k-menu k-dark k-horizontal css-
|
|
848
|
+
"<div><div class=\"k-menu k-dark k-horizontal css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div><br><br><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
869
849
|
```
|
|
870
850
|
|
|
871
851
|
#### `Menu recursive`
|
|
872
852
|
|
|
873
853
|
```
|
|
874
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
854
|
+
"<div class=\"k-menu k-dark k-vertical css-ofoyx5\"><div class=\"k-menu-header css-14asjef\"><i class=\"k-icon ion-star css-16qej3\"></i>测试</div><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 3</span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-m8cc5e k-sub-menu css-ofoyx5 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-xb6zyv k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div>"
|
|
875
855
|
```
|
|
876
856
|
|
|
877
857
|
#### `Menu showCollapseArrow`
|
|
878
858
|
|
|
879
859
|
```
|
|
880
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-
|
|
860
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-checked k-default css-1uvd6c7\" tabindex=\"0\" style=\"width: px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">隐藏折叠按钮</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 110px;\">展示折叠按钮</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-small k-vertical css-ofoyx5\"><div class=\"k-menu-header css-14asjef\"> 自定义Header </div><div class=\"k-menu-arrow-box\"><i class=\"k-icon k-menu-arrow ion-arrow-left-b css-16qej3\"></i></div><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 0</span></div></div></div></div></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-14asjef\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">title 1</div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 3menu 3menu 3menu 3menu 3menu 3</span></div></div></div></div></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-14asjef\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">title 2</div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 6 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-boowsa k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 7 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-w16crk k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-divider k-light k-horizontal k-default css-1ewnbs divider-style\"></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 8</span></div></div></div></div></div></div></div></div>"
|
|
881
861
|
```
|
|
882
862
|
|
|
883
863
|
#### `Menu size`
|
|
884
864
|
|
|
885
865
|
```
|
|
886
|
-
"<div><div class=\"k-switch k-
|
|
866
|
+
"<div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\" style=\"width: px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">vertical</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 100px;\">horizontal</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-large k-vertical css-ofoyx5\"><div class=\"k-menu-header css-14asjef\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 4 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1k8qtgp k-sub-menu css-ofoyx5\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div>"
|
|
887
867
|
```
|
|
888
868
|
|
|
889
869
|
#### `Menu theme`
|
|
890
870
|
|
|
891
871
|
```
|
|
892
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-
|
|
872
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-vertical css-ofoyx5\"><div class=\"k-menu-header css-14asjef\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-ofoyx5\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div>"
|
|
893
873
|
```
|
|
894
874
|
|
|
895
875
|
## `message`
|
|
@@ -897,19 +877,19 @@
|
|
|
897
877
|
#### `Message basic`
|
|
898
878
|
|
|
899
879
|
```
|
|
900
|
-
"<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
880
|
+
"<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">info</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">error</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">success</button></div>"
|
|
901
881
|
```
|
|
902
882
|
|
|
903
883
|
#### `Message config`
|
|
904
884
|
|
|
905
885
|
```
|
|
906
|
-
"<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
886
|
+
"<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">info</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">error</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">success</button></div>"
|
|
907
887
|
```
|
|
908
888
|
|
|
909
889
|
#### `Message duration`
|
|
910
890
|
|
|
911
891
|
```
|
|
912
|
-
"<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
892
|
+
"<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">close after 10s</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">stick message</button></div>"
|
|
913
893
|
```
|
|
914
894
|
|
|
915
895
|
## `pagination`
|
|
@@ -917,49 +897,49 @@
|
|
|
917
897
|
#### `Pagination basic`
|
|
918
898
|
|
|
919
899
|
```
|
|
920
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-
|
|
900
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
|
|
921
901
|
```
|
|
922
902
|
|
|
923
903
|
#### `Pagination counts`
|
|
924
904
|
|
|
925
905
|
```
|
|
926
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-
|
|
906
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">8<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
|
|
927
907
|
```
|
|
928
908
|
|
|
929
909
|
#### `Pagination current`
|
|
930
910
|
|
|
931
911
|
```
|
|
932
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-
|
|
912
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><br><br><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
|
|
933
913
|
```
|
|
934
914
|
|
|
935
915
|
#### `Pagination disable`
|
|
936
916
|
|
|
937
917
|
```
|
|
938
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon css-
|
|
918
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"10\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
939
919
|
```
|
|
940
920
|
|
|
941
921
|
#### `Pagination flat`
|
|
942
922
|
|
|
943
923
|
```
|
|
944
|
-
"<div><div class=\"k-pagination k-large k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-
|
|
924
|
+
"<div><div class=\"k-pagination k-large k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-large k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-small k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-small k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-mini k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-mini k-flat css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
945
925
|
```
|
|
946
926
|
|
|
947
927
|
#### `Pagination goto`
|
|
948
928
|
|
|
949
929
|
```
|
|
950
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-
|
|
930
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
951
931
|
```
|
|
952
932
|
|
|
953
933
|
#### `Pagination simple`
|
|
954
934
|
|
|
955
935
|
```
|
|
956
|
-
"<div><div class=\"k-pagination k-large k-simple css-aujuho\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-
|
|
936
|
+
"<div><div class=\"k-pagination k-large k-simple css-aujuho\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-large k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-simple css-aujuho\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-small k-simple css-aujuho\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-small k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-mini k-simple css-aujuho\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-mini k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div>"
|
|
957
937
|
```
|
|
958
938
|
|
|
959
939
|
#### `Pagination size`
|
|
960
940
|
|
|
961
941
|
```
|
|
962
|
-
"<div><div class=\"k-pagination k-large css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-
|
|
942
|
+
"<div><div class=\"k-pagination k-large css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-small css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-mini css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon k-pagination-ellipsis css-17njowz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
|
|
963
943
|
```
|
|
964
944
|
|
|
965
945
|
#### `Pagination noBoard`
|
|
@@ -973,31 +953,31 @@
|
|
|
973
953
|
#### `Popover basic`
|
|
974
954
|
|
|
975
955
|
```
|
|
976
|
-
"<div><button class=\"k-btn k-default css-
|
|
956
|
+
"<div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">删除</button><!--portal--> <button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
|
|
977
957
|
```
|
|
978
958
|
|
|
979
959
|
#### `Popover button`
|
|
980
960
|
|
|
981
961
|
```
|
|
982
|
-
"<div><button class=\"k-btn k-default css-
|
|
962
|
+
"<div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
|
|
983
963
|
```
|
|
984
964
|
|
|
985
965
|
#### `Popover content`
|
|
986
966
|
|
|
987
967
|
```
|
|
988
|
-
"<div><button class=\"k-btn k-default css-
|
|
968
|
+
"<div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
|
|
989
969
|
```
|
|
990
970
|
|
|
991
971
|
#### `Popover text`
|
|
992
972
|
|
|
993
973
|
```
|
|
994
|
-
"<div><button class=\"k-btn k-default css-
|
|
974
|
+
"<div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
|
|
995
975
|
```
|
|
996
976
|
|
|
997
977
|
#### `Popover type`
|
|
998
978
|
|
|
999
979
|
```
|
|
1000
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
980
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" data-type=\"info\" tabindex=\"0\" type=\"button\">info</button><!--portal--><button class=\"k-btn k-default css-17njowz\" data-type=\"success\" tabindex=\"0\" type=\"button\">success</button><!--portal--><button class=\"k-btn k-default css-17njowz\" data-type=\"error\" tabindex=\"0\" type=\"button\">error</button><!--portal--><button class=\"k-btn k-default css-17njowz\" data-type=\"warning\" tabindex=\"0\" type=\"button\">warning</button><!--portal--></div></div>"
|
|
1001
981
|
```
|
|
1002
982
|
|
|
1003
983
|
## `progress`
|
|
@@ -1011,7 +991,7 @@
|
|
|
1011
991
|
#### `Progress children`
|
|
1012
992
|
|
|
1013
993
|
```
|
|
1014
|
-
"<div><div class=\"k-progress k-circle k-active css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><div style=\"font-size: 14px; line-height: 20px;\"> 正在上传<br> 40% </div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-default k-btn-icon css-
|
|
994
|
+
"<div><div class=\"k-progress k-circle k-active css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><div style=\"font-size: 14px; line-height: 20px;\"> 正在上传<br> 40% </div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">+</button></div></div>"
|
|
1015
995
|
```
|
|
1016
996
|
|
|
1017
997
|
#### `Progress circle`
|
|
@@ -1023,13 +1003,13 @@
|
|
|
1023
1003
|
#### `Progress circleSize`
|
|
1024
1004
|
|
|
1025
1005
|
```
|
|
1026
|
-
"<div> 状态： <div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-
|
|
1006
|
+
"<div> 状态： <div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">active<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">success<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">error<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">normal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">warning<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div> 进度： <div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">+</button></div><br> <br><div class=\"k-progress k-circle k-active css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div><div class=\"k-progress k-circle k-active k-small css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div><div class=\"k-progress k-circle k-active k-mini css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div></div>"
|
|
1027
1007
|
```
|
|
1028
1008
|
|
|
1029
1009
|
#### `Progress customColor`
|
|
1030
1010
|
|
|
1031
1011
|
```
|
|
1032
|
-
"<div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(255, 152, 0);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(156, 214, 251);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(209, 253, 213);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-default k-btn-icon css-
|
|
1012
|
+
"<div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(255, 152, 0);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(156, 214, 251);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(209, 253, 213);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">+</button></div></div>"
|
|
1033
1013
|
```
|
|
1034
1014
|
|
|
1035
1015
|
#### `Progress innerText`
|
|
@@ -1221,12 +1201,6 @@
|
|
|
1221
1201
|
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
1222
1202
|
```
|
|
1223
1203
|
|
|
1224
|
-
#### `Select immutable`
|
|
1225
|
-
|
|
1226
|
-
```
|
|
1227
|
-
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Tuesday,Sunday,Wednesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none css-1weg519\">星期二</div><div class=\"k-tag k-none k-closable css-1weg519\">星期天<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-input k-auto-width k-inline k-select-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"><span></span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close k-show css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> You selected: [\"Tuesday\",\"Sunday\",\"Wednesday\"]</div>"
|
|
1228
|
-
```
|
|
1229
|
-
|
|
1230
1204
|
#### `Select inline`
|
|
1231
1205
|
|
|
1232
1206
|
```
|
|
@@ -1307,19 +1281,19 @@
|
|
|
1307
1281
|
#### `Slider basic`
|
|
1308
1282
|
|
|
1309
1283
|
```
|
|
1310
|
-
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 60%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-
|
|
1284
|
+
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 60%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"60MB\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
|
|
1311
1285
|
```
|
|
1312
1286
|
|
|
1313
1287
|
#### `Slider disabled`
|
|
1314
1288
|
|
|
1315
1289
|
```
|
|
1316
|
-
"<div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-
|
|
1290
|
+
"<div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%; left: 10%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 10%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">55<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">80<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"55\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"80\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1317
1291
|
```
|
|
1318
1292
|
|
|
1319
1293
|
#### `Slider dynamicStep`
|
|
1320
1294
|
|
|
1321
1295
|
```
|
|
1322
|
-
"<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-
|
|
1296
|
+
"<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div>"
|
|
1323
1297
|
```
|
|
1324
1298
|
|
|
1325
1299
|
#### `Slider marks`
|
|
@@ -1331,25 +1305,25 @@
|
|
|
1331
1305
|
#### `Slider points`
|
|
1332
1306
|
|
|
1333
1307
|
```
|
|
1334
|
-
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 5%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 10%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 15%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 25%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 45%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 55%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 65%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 75%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 85%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 30%; left: 30%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 30%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0.3<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-
|
|
1308
|
+
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 5%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 10%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 15%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 25%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 45%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 55%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 65%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 75%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 85%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 30%; left: 30%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 30%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0.3<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.3\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.6\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 0%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i><i class=\"k-slider-point\" style=\"left: 100%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div>"
|
|
1335
1309
|
```
|
|
1336
1310
|
|
|
1337
1311
|
#### `Slider range`
|
|
1338
1312
|
|
|
1339
1313
|
```
|
|
1340
|
-
"<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 26%; left: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 76%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-
|
|
1314
|
+
"<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 26%; left: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 76%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"76\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div>"
|
|
1341
1315
|
```
|
|
1342
1316
|
|
|
1343
1317
|
#### `Slider step`
|
|
1344
1318
|
|
|
1345
1319
|
```
|
|
1346
|
-
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-
|
|
1320
|
+
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 23.4234%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 23.4234%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0.234234<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.234234\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1347
1321
|
```
|
|
1348
1322
|
|
|
1349
1323
|
#### `Slider tooltip`
|
|
1350
1324
|
|
|
1351
1325
|
```
|
|
1352
|
-
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-
|
|
1326
|
+
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">6<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 10.34375px\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 55.5556%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 55.5556%;\"><div class=\"k-slider-thumb k-dropdown-open k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-light k-small k-slider-tooltip css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -5.01562px; top: -34.7969px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 9.015625px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"300\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1353
1327
|
```
|
|
1354
1328
|
|
|
1355
1329
|
## `spin`
|
|
@@ -1363,7 +1337,7 @@
|
|
|
1363
1337
|
#### `Spin overlay`
|
|
1364
1338
|
|
|
1365
1339
|
```
|
|
1366
|
-
"<div class=\"wrapper\"><div class=\"k-table css-
|
|
1340
|
+
"<div class=\"wrapper\"><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第三行\">第三行</td><td title=\"哈哈3\">哈哈3</td></tr></tbody></table></div></div><div class=\"k-spin k-overlay css-7spqir\"><div class=\"k-spin-wrapper\"><div class=\"k-spin-canvas\"><svg viewBox=\"0 0 120 120\"><circle class=\"k-spin-circle\" cx=\"60\" cy=\"60\" r=\"57\"></circle></svg></div></div></div></div>"
|
|
1367
1341
|
```
|
|
1368
1342
|
|
|
1369
1343
|
## `spinner`
|
|
@@ -1371,49 +1345,49 @@
|
|
|
1371
1345
|
#### `Spinner basic`
|
|
1372
1346
|
|
|
1373
1347
|
```
|
|
1374
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-
|
|
1348
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-disabled css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1375
1349
|
```
|
|
1376
1350
|
|
|
1377
1351
|
#### `Spinner dynamicStep`
|
|
1378
1352
|
|
|
1379
1353
|
```
|
|
1380
|
-
"<div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-
|
|
1354
|
+
"<div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div>"
|
|
1381
1355
|
```
|
|
1382
1356
|
|
|
1383
1357
|
#### `Spinner forceStep`
|
|
1384
1358
|
|
|
1385
1359
|
```
|
|
1386
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-
|
|
1360
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1387
1361
|
```
|
|
1388
1362
|
|
|
1389
1363
|
#### `Spinner formatter`
|
|
1390
1364
|
|
|
1391
1365
|
```
|
|
1392
|
-
"<div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-
|
|
1366
|
+
"<div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"￥1,000\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"增长率 78%\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div>"
|
|
1393
1367
|
```
|
|
1394
1368
|
|
|
1395
1369
|
#### `Spinner precision`
|
|
1396
1370
|
|
|
1397
1371
|
```
|
|
1398
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-
|
|
1372
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1399
1373
|
```
|
|
1400
1374
|
|
|
1401
1375
|
#### `Spinner size`
|
|
1402
1376
|
|
|
1403
1377
|
```
|
|
1404
|
-
"<div><div class=\"k-spinner k-large css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-
|
|
1378
|
+
"<div><div class=\"k-spinner k-large css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-small css-mi4xql\"><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-small k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-mini css-mi4xql\"><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-mini k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1405
1379
|
```
|
|
1406
1380
|
|
|
1407
1381
|
#### `Spinner step`
|
|
1408
1382
|
|
|
1409
1383
|
```
|
|
1410
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-
|
|
1384
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1411
1385
|
```
|
|
1412
1386
|
|
|
1413
1387
|
#### `Spinner vertical`
|
|
1414
1388
|
|
|
1415
1389
|
```
|
|
1416
|
-
"<div><div class=\"k-spinner k-large k-vertical css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-
|
|
1390
|
+
"<div><div class=\"k-spinner k-large k-vertical css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-small k-vertical css-mi4xql\"><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-small k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-mini k-vertical css-mi4xql\"><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-left css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-mini k-spinner-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-right css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div>"
|
|
1417
1391
|
```
|
|
1418
1392
|
|
|
1419
1393
|
## `split`
|
|
@@ -1427,7 +1401,7 @@
|
|
|
1427
1401
|
#### `Split complex`
|
|
1428
1402
|
|
|
1429
1403
|
```
|
|
1430
|
-
"<div class=\"split-container\"><div class=\"k-split k-vertical css-1ug4f89 k-first-auto\"><div class=\"k-split-first\" style=\"height: auto;\"><div class=\"k-table k-fix-header css-
|
|
1404
|
+
"<div class=\"split-container\"><div class=\"k-split k-vertical css-1ug4f89 k-first-auto\"><div class=\"k-split-first\" style=\"height: auto;\"><div class=\"k-table k-fix-header css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"网段\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">网段</div></div></th><th title=\"操作\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">操作</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 0\">name 0</td><td title=\"127.0.0.0\">127.0.0.0</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"5\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"6\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"7\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"8\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"9\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td title=\"\"><a>删除</a></td></tr><tr data-key=\"10\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td title=\"\"><a>删除</a></td></tr></tbody></table></div></div></div><div class=\"k-split-line-wrapper\"><i class=\"k-icon ion-drag css-16qej3\"></i></div><div class=\"k-split-last\" style=\"height: 0px;\"><button class=\"k-btn k-none k-btn-icon close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-close-empty css-16qej3\" style=\"font-size: 40px;\"></i></button><div class=\"k-tabs k-size-default k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">详情</div><div class=\"k-tab\">流量统计</div><div class=\"k-tab\">标签</div><div class=\"k-tabs-active-bar\"></div></div></div></div></div></div></div>"
|
|
1431
1405
|
```
|
|
1432
1406
|
|
|
1433
1407
|
#### `Split nested`
|
|
@@ -1453,13 +1427,13 @@
|
|
|
1453
1427
|
#### `Steps basic`
|
|
1454
1428
|
|
|
1455
1429
|
```
|
|
1456
|
-
"<div><div class=\"k-steps k-default css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-
|
|
1430
|
+
"<div><div class=\"k-steps k-default css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
|
|
1457
1431
|
```
|
|
1458
1432
|
|
|
1459
1433
|
#### `Steps clickable`
|
|
1460
1434
|
|
|
1461
1435
|
```
|
|
1462
|
-
"<div><div class=\"k-steps k-default k-clickable css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><br><div class=\"k-steps k-line k-clickable css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><i class=\"k-icon k-icon-check-bold k-primary css-16qej3\"></i></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary css-
|
|
1436
|
+
"<div><div class=\"k-steps k-default k-clickable css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><br><div class=\"k-steps k-line k-clickable css-1vc4whs\"><div class=\"k-step k-done\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><i class=\"k-icon k-icon-check-bold k-primary css-16qej3\"></i></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
|
|
1463
1437
|
```
|
|
1464
1438
|
|
|
1465
1439
|
#### `Steps error`
|
|
@@ -1471,19 +1445,19 @@
|
|
|
1471
1445
|
#### `Steps line`
|
|
1472
1446
|
|
|
1473
1447
|
```
|
|
1474
|
-
"<div><div class=\"k-steps k-line css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line-compact css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-
|
|
1448
|
+
"<div><div class=\"k-steps k-line css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line-compact css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
|
|
1475
1449
|
```
|
|
1476
1450
|
|
|
1477
1451
|
#### `Steps simple`
|
|
1478
1452
|
|
|
1479
1453
|
```
|
|
1480
|
-
"<div><div class=\"k-steps k-simple css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-
|
|
1454
|
+
"<div><div class=\"k-steps k-simple css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
|
|
1481
1455
|
```
|
|
1482
1456
|
|
|
1483
1457
|
#### `Steps vertical`
|
|
1484
1458
|
|
|
1485
1459
|
```
|
|
1486
|
-
"<div class=\"demo-wrapper\"><div class=\"k-steps k-default k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line-compact k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-simple k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-
|
|
1460
|
+
"<div class=\"demo-wrapper\"><div class=\"k-steps k-default k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-line-compact k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>1</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>2</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"><span>3</span></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><div class=\"k-steps k-simple k-vertical css-1vc4whs\"><div class=\"k-step k-active\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div><div class=\"k-step-tail\"></div></div><div class=\"k-step\"><div class=\"k-step-wrapper\"><div class=\"k-step-mark\"></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div><div class=\"k-step-tail\"></div></div></div><button class=\"k-btn k-primary k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
|
|
1487
1461
|
```
|
|
1488
1462
|
|
|
1489
1463
|
## `switch`
|
|
@@ -1491,43 +1465,43 @@
|
|
|
1491
1465
|
#### `Switch basic`
|
|
1492
1466
|
|
|
1493
1467
|
```
|
|
1494
|
-
"<div><div class=\"k-switch k-
|
|
1468
|
+
"<div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
1495
1469
|
```
|
|
1496
1470
|
|
|
1497
1471
|
#### `Switch beforeChange`
|
|
1498
1472
|
|
|
1499
1473
|
```
|
|
1500
|
-
"<div><div class=\"k-switch k-
|
|
1474
|
+
"<div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
1501
1475
|
```
|
|
1502
1476
|
|
|
1503
1477
|
#### `Switch disabled`
|
|
1504
1478
|
|
|
1505
1479
|
```
|
|
1506
|
-
"<div><div class=\"k-switch k-
|
|
1480
|
+
"<div><div class=\"k-switch k-default k-disabled css-1uvd6c7\" tabindex=\"-1\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-checked k-default k-disabled css-1uvd6c7\" tabindex=\"-1\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
1507
1481
|
```
|
|
1508
1482
|
|
|
1509
1483
|
#### `Switch onOff`
|
|
1510
1484
|
|
|
1511
1485
|
```
|
|
1512
|
-
"<div><div class=\"k-switch k-
|
|
1486
|
+
"<div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\">关</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\">开</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-checked k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\"><i class=\"ion-ios-close-empty\"></i></div><div class=\"k-switch-bar\"><div class=\"k-switch-on\"><i class=\"ion-ios-checkmark-empty\"></i></div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\">关</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\">开</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-checked k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\"><i class=\"ion-ios-close-empty\"></i></div><div class=\"k-switch-bar\"><div class=\"k-switch-on\"><i class=\"ion-ios-checkmark-empty\"></i></div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
1513
1487
|
```
|
|
1514
1488
|
|
|
1515
1489
|
#### `Switch size`
|
|
1516
1490
|
|
|
1517
1491
|
```
|
|
1518
|
-
"<div> large: <div class=\"k-switch k-large css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div> default: <div class=\"k-switch k-
|
|
1492
|
+
"<div> large: <div class=\"k-switch k-large css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div> default: <div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div> small: <div class=\"k-switch k-small css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div> mini: <div class=\"k-switch k-mini css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
1519
1493
|
```
|
|
1520
1494
|
|
|
1521
1495
|
#### `Switch value`
|
|
1522
1496
|
|
|
1523
1497
|
```
|
|
1524
|
-
"<div><div style=\"margin-bottom: 20px;\"><div class=\"k-switch k-
|
|
1498
|
+
"<div><div style=\"margin-bottom: 20px;\"><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div> false</div><div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div> \"1\"</div></div>"
|
|
1525
1499
|
```
|
|
1526
1500
|
|
|
1527
1501
|
#### `Switch widthHeight`
|
|
1528
1502
|
|
|
1529
1503
|
```
|
|
1530
|
-
"<div><div class=\"k-switch k-
|
|
1504
|
+
"<div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\" style=\"width: 62px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">关闭</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 62px;\">开启</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\" style=\"height: 22px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\" style=\"width: px;\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1uvd6c7\" tabindex=\"0\" style=\"width: 100px; height: 30px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">关闭</div><div class=\"k-switch-bar\" style=\"width: 30px;\"><div class=\"k-switch-on\" style=\"width: 100px; height: 30px; line-height: 30px; padding: 0px 30px 0px 10px;\">开启</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
1531
1505
|
```
|
|
1532
1506
|
|
|
1533
1507
|
## `table`
|
|
@@ -1535,205 +1509,193 @@
|
|
|
1535
1509
|
#### `Table animation`
|
|
1536
1510
|
|
|
1537
1511
|
```
|
|
1538
|
-
"<div><button class=\"k-btn k-primary css-
|
|
1539
|
-
```
|
|
1540
|
-
|
|
1541
|
-
#### `Table asyncTree`
|
|
1542
|
-
|
|
1543
|
-
```
|
|
1544
|
-
"<div class=\"k-table css-lj6uji\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Size\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Size</div></div></th></tr></thead><tbody><tr data-key=\"Audios\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Audios\"><button class=\"k-btn k-mini k-none k-btn-icon k-table-arrow k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>Audios</td><td title=\"12MB\">12MB </td></tr><tr data-key=\"Images\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Images\"><button class=\"k-btn k-mini k-none k-btn-icon k-table-arrow k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>Images</td><td title=\"14MB\">14MB </td></tr><tr data-key=\"doc.pdf\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"doc.pdf\">doc.pdf</td><td title=\"18MB\">18MB </td></tr></tbody></table></div></div>"
|
|
1512
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">增加 一列 </button><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"Cell 1-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-3\">Cell 1-3</td></tr><tr data-key=\"Cell 2-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-3\">Cell 2-3</td></tr></tbody></table></div></div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"Cell 1-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-3\">Cell 1-3</td></tr><tr data-key=\"Cell 2-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-3\">Cell 2-3</td></tr></tbody></table></div></div></div>"
|
|
1545
1513
|
```
|
|
1546
1514
|
|
|
1547
1515
|
#### `Table basic`
|
|
1548
1516
|
|
|
1549
1517
|
```
|
|
1550
|
-
"<div class=\"k-table css-
|
|
1518
|
+
"<div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-2\">Cell 1-2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-2\">Cell 2-2</td></tr></tbody></table></div></div>"
|
|
1551
1519
|
```
|
|
1552
1520
|
|
|
1553
1521
|
#### `Table checkType`
|
|
1554
1522
|
|
|
1555
1523
|
```
|
|
1556
|
-
"<div><div class=\"k-table css-
|
|
1524
|
+
"<div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"checkbox 1\">checkbox 1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"checkbox 2\">checkbox 2</td></tr></tbody></table></div></div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"></th><th title=\"Title\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"radio 1\">radio 1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"radio 2\">radio 2</td></tr></tbody></table></div></div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col></colgroup><thead><tr><th title=\"Title\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td title=\"no check 1\">no check 1</td></tr><tr data-key=\"1\"><td title=\"no check 2\">no check 2</td></tr></tbody></table></div></div></div>"
|
|
1557
1525
|
```
|
|
1558
1526
|
|
|
1559
1527
|
#### `Table checkedKeys`
|
|
1560
1528
|
|
|
1561
1529
|
```
|
|
1562
|
-
"<div><div class=\"tables\"><div class=\"k-table css-
|
|
1530
|
+
"<div><div class=\"tables\"><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"></th><th title=\"Radio without rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Radio without rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-radio k-checked css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by index\">default checked by index</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr></tbody></table></div></div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"></th><th title=\"Radio with rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Radio with rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"yes\"><td class=\"k-table-check\"><label class=\"k-radio k-checked css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by rowKey\">default checked by rowKey</td></tr><tr data-key=\"no\"><td class=\"k-table-check\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr></tbody></table></div></div></div><div class=\"tables\"><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-indeterminate css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"checkbox without rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">checkbox without rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by index\">default checked by index</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr><tr class=\"k-checked\" data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked\">default checked</td></tr></tbody></table></div></div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-indeterminate css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"checkbox with rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">checkbox with rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"yes\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by rowKey\">default checked by rowKey</td></tr><tr data-key=\"no\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr></tbody></table></div></div></div></div>"
|
|
1563
1531
|
```
|
|
1564
1532
|
|
|
1565
1533
|
#### `Table disableRow`
|
|
1566
1534
|
|
|
1567
1535
|
```
|
|
1568
|
-
"<div class=\"k-table css-
|
|
1536
|
+
"<div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"odd rows are uncheckable\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">odd rows are uncheckable</div></div></th></tr></thead><tbody><tr class=\"k-disabled\" data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"1\">1</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"2\">2</td></tr><tr class=\"k-disabled k-checked\" data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox k-disabled k-checked css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"3\">3</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"4\">4</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"5\">5</td></tr></tbody></table></div></div>"
|
|
1569
1537
|
```
|
|
1570
1538
|
|
|
1571
1539
|
#### `Table draggable`
|
|
1572
1540
|
|
|
1573
1541
|
```
|
|
1574
|
-
"<div class=\"k-table k-fix-header css-
|
|
1542
|
+
"<div class=\"k-table k-fix-header css-454oc5\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th><th title=\"Operation\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Operation</div></div></th></tr></thead><tbody><tr data-key=\"name 1\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 2\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 3\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 4\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 5\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 6\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 7\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 8\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 9\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 10\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 11\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 11\">name 11</td><td title=\"127.0.0.11\">127.0.0.11</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 12\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 12\">name 12</td><td title=\"127.0.0.12\">127.0.0.12</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 13\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 13\">name 13</td><td title=\"127.0.0.13\">127.0.0.13</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 14\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 14\">name 14</td><td title=\"127.0.0.14\">127.0.0.14</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 15\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 15\">name 15</td><td title=\"127.0.0.15\">127.0.0.15</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 16\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 16\">name 16</td><td title=\"127.0.0.16\">127.0.0.16</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 17\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 17\">name 17</td><td title=\"127.0.0.17\">127.0.0.17</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 18\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 18\">name 18</td><td title=\"127.0.0.18\">127.0.0.18</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 19\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 19\">name 19</td><td title=\"127.0.0.19\">127.0.0.19</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 20\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 20\">name 20</td><td title=\"127.0.0.20\">127.0.0.20</td><td title=\"\"><a>Remove</a></td></tr></tbody></table></div></div>"
|
|
1575
1543
|
```
|
|
1576
1544
|
|
|
1577
1545
|
#### `Table empty`
|
|
1578
1546
|
|
|
1579
1547
|
```
|
|
1580
|
-
"<div><div class=\"k-table css-
|
|
1548
|
+
"<div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr><td class=\"k-table-empty\" colspan=\"3\">暂无数据</td></tr></tbody></table></div></div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr><td class=\"k-table-empty\" colspan=\"3\"><div style=\"color: red;\">没有数据</div></td></tr></tbody></table></div></div></div>"
|
|
1581
1549
|
```
|
|
1582
1550
|
|
|
1583
1551
|
#### `Table export`
|
|
1584
1552
|
|
|
1585
1553
|
```
|
|
1586
|
-
"<div><button class=\"k-btn k-primary css-
|
|
1554
|
+
"<div><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">导出表格</button><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">导出自定义数据</button><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"定义该列单元格内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">定义该列单元格内容</div></div></th><th title=\"普通文本\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">普通文本</div></div></th><th title=\"自定义导出文本\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">自定义导出文本</div></div></th><th class=\"k-align-right\" title=\"操作\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">操作</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>第一行</a></td><td title=\"哈哈1\">哈哈1</td><td title=\"自定义1\">自定义1</td><td class=\"k-align-right\" title=\"\"><a>删除</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>第二行</a></td><td title=\"哈哈2\">哈哈2</td><td title=\"自定义2\">自定义2</td><td class=\"k-align-right\" title=\"\"><a>删除</a></td></tr></tbody></table></div></div></div>"
|
|
1587
1555
|
```
|
|
1588
1556
|
|
|
1589
1557
|
#### `Table fixColumn`
|
|
1590
1558
|
|
|
1591
1559
|
```
|
|
1592
|
-
"<div><div class=\"k-table k-scroll-left k-fix-columns css-
|
|
1560
|
+
"<div><div class=\"k-table k-scroll-left k-fix-columns css-454oc5\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 40px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 800px; top: 64px;\"><table><colgroup><col width=\"40\"><col class=\"name\" width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th rowspan=\"1\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"name k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><div>Column1</div></div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th class=\"k-fixed-right\" title=\"Action\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col class=\"name\" width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"John\" style=\"left: 40px;\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"Tom\" style=\"left: 40px;\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"Javey\" style=\"left: 40px;\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr></tbody></table></div></div><div class=\"k-table k-fix-header k-scroll-left k-fix-columns k-grid css-454oc5\"><div class=\"k-table-wrapper\" style=\"max-height: 150px;\"><div class=\"k-affix k-table-affix-header css-8m3pex\"><div class=\"k-affix-wrapper\"><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th rowspan=\"1\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column1</div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th class=\"k-fixed-right\" title=\"Column4\" colspan=\"1\" rowspan=\"1\" style=\"right: 200px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th class=\"k-fixed-right\" title=\"Action\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"John\" style=\"left: 40px;\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"test\" style=\"right: 200px;\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Tom\" style=\"left: 40px;\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"test\" style=\"right: 200px;\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Javey\" style=\"left: 40px;\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"test\" style=\"right: 200px;\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr></tbody></table></div></div></div>"
|
|
1593
1561
|
```
|
|
1594
1562
|
|
|
1595
1563
|
#### `Table fixHeader`
|
|
1596
1564
|
|
|
1597
1565
|
```
|
|
1598
|
-
"<div class=\"wrapper\"><div class=\"k-table k-fix-header css-
|
|
1599
|
-
```
|
|
1600
|
-
|
|
1601
|
-
#### `Table footer`
|
|
1602
|
-
|
|
1603
|
-
```
|
|
1604
|
-
"<div><div class=\"k-table css-lj6uji\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-2\">Cell 1-2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-2\">Cell 2-2</td></tr><tr><td class=\"k-table-footer\" colspan=\"3\"><div class=\"footer\">自定义底部</div></td></tr></tbody></table></div></div></div>"
|
|
1566
|
+
"<div class=\"wrapper\"><div class=\"k-table k-fix-header css-454oc5\"><div class=\"k-table-wrapper\" style=\"max-height: 100px;\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">100px</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"表头固定，但内容没有超出最高高度\">表头固定，但内容没有超出最高高度</td></tr></tbody></table></div></div><div class=\"k-table k-fix-header css-454oc5\"><div class=\"k-table-wrapper\" style=\"max-height: 100px;\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">100px</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"表头固定啦\">表头固定啦</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"下拉\">下拉</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"yeah!\">yeah!</td></tr></tbody></table></div></div></div>"
|
|
1605
1567
|
```
|
|
1606
1568
|
|
|
1607
1569
|
#### `Table group`
|
|
1608
1570
|
|
|
1609
1571
|
```
|
|
1610
|
-
"<div class=\"tables\"><div class=\"k-table css-
|
|
1572
|
+
"<div class=\"tables\"><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"状态\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">状态</div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机1\">主机1</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机2\">主机2</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机3\">主机3</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr></tbody></table></div></div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"状态\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">状态</div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机1\">主机1</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机2\">主机2</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机3\">主机3</td><td title=\"\"><span>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr></tbody></table></div></div></div>"
|
|
1611
1573
|
```
|
|
1612
1574
|
|
|
1613
1575
|
#### `Table groupHeader`
|
|
1614
1576
|
|
|
1615
1577
|
```
|
|
1616
|
-
"<div class=\"k-table k-fix-columns k-grid css-
|
|
1578
|
+
"<div class=\"k-table k-fix-columns k-grid css-454oc5\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 120px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 798px; top: 64px;\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th rowspan=\"3\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"3\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th class=\"k-fixed-left\" title=\"Time\" colspan=\"1\" rowspan=\"2\" style=\"left: 116px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Classes\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Classes</div></div></th><th title=\"Time\" colspan=\"1\" rowspan=\"2\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"2\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th class=\"k-fixed-right\" title=\"Class 6\" colspan=\"1\" rowspan=\"2\" style=\"right: 76px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th class=\"k-fixed-right\" title=\"Class 7\" colspan=\"1\" rowspan=\"2\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th></tr><tr><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" style=\"left: 40px;\">Monday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 116px;\">08:00 ~ 12:00</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Geopraghy\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 76px;\">English</td><td class=\"k-fixed-right\" title=\"Mathematics\" style=\"right: 0px;\">Mathematics</td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Tuesday\" style=\"left: 40px;\">Tuesday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 116px;\">08:00 ~ 12:00</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"English\">English</td><td class=\"k-fixed-right\" title=\"Mathematics\" style=\"right: 76px;\">Mathematics</td><td class=\"k-fixed-right\" title=\"Chinese\" style=\"right: 0px;\">Chinese</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" style=\"left: 40px;\">Wendesday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 116px;\">08:00 ~ 12:00</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Mathematics\">Mathematics</td><td class=\"k-fixed-right\" title=\"Chinese\" style=\"right: 76px;\">Chinese</td><td class=\"k-fixed-right\" title=\"History\" style=\"right: 0px;\">History</td></tr><tr data-key=\"3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Thursday\" style=\"left: 40px;\">Thursday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 116px;\">08:00 ~ 12:00</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Chinese\">Chinese</td><td class=\"k-fixed-right\" title=\"History\" style=\"right: 76px;\">History</td><td class=\"k-fixed-right\" title=\"Geopraghy\" style=\"right: 0px;\">Geopraghy</td></tr><tr data-key=\"4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Friday\" style=\"left: 40px;\">Friday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 116px;\">08:00 ~ 12:00</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"History\">History</td><td class=\"k-fixed-right\" title=\"Geopraghy\" style=\"right: 76px;\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 0px;\">English</td></tr></tbody></table></div></div>"
|
|
1617
1579
|
```
|
|
1618
1580
|
|
|
1619
1581
|
#### `Table hidden`
|
|
1620
1582
|
|
|
1621
1583
|
```
|
|
1622
|
-
"<div><div class=\"k-table css-
|
|
1584
|
+
"<div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col class=\"k-hidden\" style=\"width: 300px;\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th class=\"k-hidden\" title=\"Title 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 2</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td class=\"k-hidden\" title=\"Cell 1-2\">Cell 1-2</td><td title=\"cell 1-3\">cell 1-3</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td class=\"k-hidden\" title=\"Cell 2-2\">Cell 2-2</td><td title=\"cell 2-3\">cell 2-3</td></tr></tbody></table></div></div><p>无数据展示</p><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col class=\"k-hidden\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th class=\"k-hidden\" title=\"Title 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 2</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr><td class=\"k-table-empty\" colspan=\"3\">暂无数据</td></tr></tbody></table></div></div></div>"
|
|
1623
1585
|
```
|
|
1624
1586
|
|
|
1625
1587
|
#### `Table hideHeader`
|
|
1626
1588
|
|
|
1627
1589
|
```
|
|
1628
|
-
"<div><p>hideHeader: <div class=\"k-switch k-checked k-
|
|
1590
|
+
"<div><p>hideHeader: <div class=\"k-switch k-checked k-default css-1uvd6c7\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></p><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-2\">Cell 1-2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-2\">Cell 2-2</td></tr></tbody></table></div></div></div>"
|
|
1629
1591
|
```
|
|
1630
1592
|
|
|
1631
1593
|
#### `Table loading`
|
|
1632
1594
|
|
|
1633
1595
|
```
|
|
1634
|
-
"<div><div class=\"k-table css-
|
|
1596
|
+
"<div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈1\">哈哈1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第三行\">第三行</td><td title=\"哈哈3\">哈哈3</td></tr></tbody></table></div><div class=\"k-spin k-small k-overlay k-table-spin css-7spqir\"><div class=\"k-spin-wrapper\"><div class=\"k-spin-canvas\"><svg viewBox=\"0 0 120 120\"><circle class=\"k-spin-circle\" cx=\"60\" cy=\"60\" r=\"57\"></circle></svg></div></div></div></div><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">是否展示loading状态</span></label></div>"
|
|
1635
1597
|
```
|
|
1636
1598
|
|
|
1637
1599
|
#### `Table mergeCell`
|
|
1638
1600
|
|
|
1639
1601
|
```
|
|
1640
|
-
"<div class=\"merge-cell\"><div class=\"k-table k-fix-columns k-grid css-lj6uji\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th rowspan=\"2\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox k-indeterminate css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th title=\"Time\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th title=\"Class 6\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th title=\"Class 7\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th><th class=\"k-fixed-right\" title=\"Time\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" rowspan=\"2\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" colspan=\"1\" style=\"left: 40px;\">Monday</td><td title=\"08:00 ~ 12:00\" rowspan=\"6\" colspan=\"1\">08:00 ~ 12:00</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td class=\"k-fixed-right\" title=\"14:00 ~ 17:00\" rowspan=\"6\" colspan=\"1\" style=\"right: 0px;\">14:00 ~ 17:00</td></tr><tr class=\"k-disabled\" data-key=\"1\"><td class=\"k-fixed-left\" title=\"Tuesday\" colspan=\"1\" style=\"left: 40px;\">Tuesday</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" rowspan=\"3\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox k-indeterminate css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" colspan=\"1\" style=\"left: 40px;\">Wendesday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td></tr><tr class=\"k-checked\" data-key=\"3\"><td class=\"k-fixed-left\" title=\"Thursday\" colspan=\"1\" style=\"left: 40px;\">Thursday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"4\"><td class=\"k-fixed-left\" title=\"Friday\" colspan=\"1\" style=\"left: 40px;\">Friday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Saturday\" colspan=\"1\" style=\"left: 40px;\">Saturday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr></tbody></table></div></div><div class=\"k-table k-fix-columns k-grid css-lj6uji\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th rowspan=\"2\" class=\"k-fixed-left\" style=\"left: 0px;\"></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th title=\"Time\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th title=\"Class 6\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th title=\"Class 7\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th><th class=\"k-fixed-right\" title=\"Time\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check k-fixed-left\" rowspan=\"2\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-radio k-checked css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" colspan=\"1\" style=\"left: 40px;\">Monday</td><td title=\"08:00 ~ 12:00\" rowspan=\"6\" colspan=\"1\">08:00 ~ 12:00</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td class=\"k-fixed-right\" title=\"14:00 ~ 17:00\" rowspan=\"6\" colspan=\"1\" style=\"right: 0px;\">14:00 ~ 17:00</td></tr><tr class=\"k-disabled k-checked\" data-key=\"1\"><td class=\"k-fixed-left\" title=\"Tuesday\" colspan=\"1\" style=\"left: 40px;\">Tuesday</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" rowspan=\"3\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" colspan=\"1\" style=\"left: 40px;\">Wendesday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td></tr><tr data-key=\"3\"><td class=\"k-fixed-left\" title=\"Thursday\" colspan=\"1\" style=\"left: 40px;\">Thursday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"4\"><td class=\"k-fixed-left\" title=\"Friday\" colspan=\"1\" style=\"left: 40px;\">Friday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-radio k-disabled css-zzqsx1\" tabindex=\"-1\"><span class=\"k-radio-wrapper\"><input type=\"radio\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Saturday\" colspan=\"1\" style=\"left: 40px;\">Saturday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr></tbody></table></div></div></div>"
|
|
1602
|
+
"<div class=\"merge-cell\"><div class=\"k-table k-fix-columns k-grid css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th rowspan=\"2\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox k-indeterminate css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th title=\"Time\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th title=\"Class 6\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th title=\"Class 7\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th><th class=\"k-fixed-right\" title=\"Time\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" rowspan=\"2\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" colspan=\"1\" style=\"left: 40px;\">Monday</td><td title=\"08:00 ~ 12:00\" rowspan=\"6\" colspan=\"1\">08:00 ~ 12:00</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td class=\"k-fixed-right\" title=\"14:00 ~ 17:00\" rowspan=\"6\" colspan=\"1\" style=\"right: 0px;\">14:00 ~ 17:00</td></tr><tr class=\"k-disabled\" data-key=\"1\"><td class=\"k-fixed-left\" title=\"Tuesday\" colspan=\"1\" style=\"left: 40px;\">Tuesday</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" rowspan=\"3\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox k-indeterminate css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" colspan=\"1\" style=\"left: 40px;\">Wendesday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td></tr><tr class=\"k-checked\" data-key=\"3\"><td class=\"k-fixed-left\" title=\"Thursday\" colspan=\"1\" style=\"left: 40px;\">Thursday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"4\"><td class=\"k-fixed-left\" title=\"Friday\" colspan=\"1\" style=\"left: 40px;\">Friday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Saturday\" colspan=\"1\" style=\"left: 40px;\">Saturday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr></tbody></table></div></div><div class=\"k-table k-fix-columns k-grid css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th rowspan=\"2\" class=\"k-fixed-left\" style=\"left: 0px;\"></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th title=\"Time\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th title=\"Class 6\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th title=\"Class 7\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th><th class=\"k-fixed-right\" title=\"Time\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check k-fixed-left\" rowspan=\"2\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-radio k-checked css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" colspan=\"1\" style=\"left: 40px;\">Monday</td><td title=\"08:00 ~ 12:00\" rowspan=\"6\" colspan=\"1\">08:00 ~ 12:00</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td class=\"k-fixed-right\" title=\"14:00 ~ 17:00\" rowspan=\"6\" colspan=\"1\" style=\"right: 0px;\">14:00 ~ 17:00</td></tr><tr class=\"k-disabled k-checked\" data-key=\"1\"><td class=\"k-fixed-left\" title=\"Tuesday\" colspan=\"1\" style=\"left: 40px;\">Tuesday</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" rowspan=\"3\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" colspan=\"1\" style=\"left: 40px;\">Wendesday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td></tr><tr data-key=\"3\"><td class=\"k-fixed-left\" title=\"Thursday\" colspan=\"1\" style=\"left: 40px;\">Thursday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"4\"><td class=\"k-fixed-left\" title=\"Friday\" colspan=\"1\" style=\"left: 40px;\">Friday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-radio k-disabled css-zzqsx1\" tabindex=\"-1\"><span class=\"k-radio-wrapper\"><input type=\"radio\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Saturday\" colspan=\"1\" style=\"left: 40px;\">Saturday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr></tbody></table></div></div></div>"
|
|
1641
1603
|
```
|
|
1642
1604
|
|
|
1643
1605
|
#### `Table pagination`
|
|
1644
1606
|
|
|
1645
1607
|
```
|
|
1646
|
-
"<div class=\"k-table css-
|
|
1608
|
+
"<div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th></tr></thead><tbody><tr data-key=\"name 1\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td></tr><tr data-key=\"name 2\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td></tr><tr data-key=\"name 3\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td></tr><tr data-key=\"name 4\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td></tr><tr data-key=\"name 5\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td></tr><tr data-key=\"name 6\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td></tr><tr data-key=\"name 7\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td></tr><tr data-key=\"name 8\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td></tr><tr data-key=\"name 9\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td></tr><tr data-key=\"name 10\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td></tr></tbody></table></div><div class=\"k-pagination k-small css-aujuho\"><div class=\"k-pagination-total\">共 20 条</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon k-active css-17njowz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-none k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
|
|
1647
1609
|
```
|
|
1648
1610
|
|
|
1649
1611
|
#### `Table resizable`
|
|
1650
1612
|
|
|
1651
1613
|
```
|
|
1652
|
-
"<div class=\"k-table k-grid css-
|
|
1614
|
+
"<div class=\"k-table k-grid css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col width=\"50%\"><col class=\"hidden\"><col width=\"10%\" style=\"width: 300px;\"><col width=\"40%\"></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"通过minColWidth控制最小宽度100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">通过minColWidth控制最小宽度100px</div></div></th><th class=\"hidden\" title=\"隐藏列\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">隐藏列</div></div></th><th title=\"单独设置最小宽度300px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">单独设置最小宽度300px</div></div></th><th title=\"标题\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">标题</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td class=\"hidden\" title=\"\"></td><td title=\"B\">B</td><td title=\"C\">C</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td class=\"hidden\" title=\"\"></td><td title=\"B\">B</td><td title=\"C\">C</td></tr></tbody></table></div></div>"
|
|
1653
1615
|
```
|
|
1654
1616
|
|
|
1655
1617
|
#### `Table rowCheckable`
|
|
1656
1618
|
|
|
1657
1619
|
```
|
|
1658
|
-
"<div class=\"tables\"><div class=\"k-table css-
|
|
1620
|
+
"<div class=\"tables\"><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"点击整行不选中\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">点击整行不选中</div></div></th><th title=\"B\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">B</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"B\">B</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"点我不会选中整行\">点我不会选中整行</td></tr></tbody></table></div></div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"点击整行选中\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">点击整行选中</div></div></th><th title=\"B\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">B</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"任何位置都可以哦～\">任何位置都可以哦～</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"点我会选中整行\">点我会选中整行</td></tr></tbody></table></div></div></div>"
|
|
1659
1621
|
```
|
|
1660
1622
|
|
|
1661
1623
|
#### `Table rowClassName`
|
|
1662
1624
|
|
|
1663
1625
|
```
|
|
1664
|
-
"<div><div class=\"k-table css-
|
|
1626
|
+
"<div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"rowClassName\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">rowClassName</div></div></th></tr></thead><tbody><tr class=\"odd\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"1\">1</td></tr><tr class=\"even\" data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"2\">2</td></tr><tr class=\"odd\" data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"3\">3</td></tr><tr class=\"even\" data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"4\">4</td></tr><tr class=\"odd\" data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"5\">5</td></tr></tbody></table></div></div><div class=\"k-table k-stripe css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"stripe\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">stripe</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"1\">1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"2\">2</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"3\">3</td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"4\">4</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"5\">5</td></tr></tbody></table></div></div></div>"
|
|
1665
1627
|
```
|
|
1666
1628
|
|
|
1667
1629
|
#### `Table rowExpandable`
|
|
1668
1630
|
|
|
1669
1631
|
```
|
|
1670
|
-
"<div class=\"tables\"><div class=\"k-table k-with-expand css-
|
|
1632
|
+
"<div class=\"tables\"><div class=\"k-table k-with-expand css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col></colgroup><thead><tr><th title=\"点击整行展开内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">点击整行展开内容</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td title=\"Javey\">Javey</td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr><tr data-key=\"1\"><td title=\"Jiawei\">Jiawei</td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr></tbody></table></div></div><div class=\"k-table k-with-expand css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col></colgroup><thead><tr><th title=\"点击+，展开内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">点击+，展开内容</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td title=\"\"><div><i class=\"icon ion-ios-plus-outline\"></i><span class=\"name\">Javey</span></div></td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr><tr data-key=\"1\"><td title=\"\"><div><i class=\"icon ion-ios-plus-outline\"></i><span class=\"name\">Jiawei</span></div></td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr></tbody></table></div></div></div>"
|
|
1671
1633
|
```
|
|
1672
1634
|
|
|
1673
1635
|
#### `Table scheme`
|
|
1674
1636
|
|
|
1675
1637
|
```
|
|
1676
|
-
"<div class=\"k-table css-
|
|
1638
|
+
"<div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"定义该列单元格内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">定义该列单元格内容</div></div></th><th title=\"key形式\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">key形式</div></div></th><th title=\"key为一个路径字符串\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">key为一个路径字符串</div></div></th><th title=\"没有这个key，则返回空\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">没有这个key，则返回空</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>虚拟DOM</a></td><td title=\"获取到了item.b\">获取到了item.b</td><td title=\"item.c.c1\">item.c.c1</td><td title=\"\"></td></tr></tbody></table></div></div>"
|
|
1677
1639
|
```
|
|
1678
1640
|
|
|
1679
1641
|
#### `Table scrollToRow`
|
|
1680
1642
|
|
|
1681
1643
|
```
|
|
1682
|
-
"<div class=\"wrapper\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-lj6uji\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th><th class=\"k-fixed-right\" title=\"Operation\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Operation</div></div></th></tr></thead><tbody><tr data-key=\"name 1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 1\" style=\"left: 40px;\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 2\" style=\"left: 40px;\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 3\" style=\"left: 40px;\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 4\" style=\"left: 40px;\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 5\" style=\"left: 40px;\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 6\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 6\" style=\"left: 40px;\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 7\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 7\" style=\"left: 40px;\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 8\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 8\" style=\"left: 40px;\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 9\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 9\" style=\"left: 40px;\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 10\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 10\" style=\"left: 40px;\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 11\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 11\" style=\"left: 40px;\">name 11</td><td title=\"127.0.0.11\">127.0.0.11</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 12\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 12\" style=\"left: 40px;\">name 12</td><td title=\"127.0.0.12\">127.0.0.12</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 13\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 13\" style=\"left: 40px;\">name 13</td><td title=\"127.0.0.13\">127.0.0.13</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 14\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 14\" style=\"left: 40px;\">name 14</td><td title=\"127.0.0.14\">127.0.0.14</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 15\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 15\" style=\"left: 40px;\">name 15</td><td title=\"127.0.0.15\">127.0.0.15</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 16\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 16\" style=\"left: 40px;\">name 16</td><td title=\"127.0.0.16\">127.0.0.16</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 17\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 17\" style=\"left: 40px;\">name 17</td><td title=\"127.0.0.17\">127.0.0.17</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 18\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 18\" style=\"left: 40px;\">name 18</td><td title=\"127.0.0.18\">127.0.0.18</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 19\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 19\" style=\"left: 40px;\">name 19</td><td title=\"127.0.0.19\">127.0.0.19</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 20\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 20\" style=\"left: 40px;\">name 20</td><td title=\"127.0.0.20\">127.0.0.20</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 21\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 21\" style=\"left: 40px;\">name 21</td><td title=\"127.0.0.21\">127.0.0.21</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 22\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 22\" style=\"left: 40px;\">name 22</td><td title=\"127.0.0.22\">127.0.0.22</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 23\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 23\" style=\"left: 40px;\">name 23</td><td title=\"127.0.0.23\">127.0.0.23</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 24\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 24\" style=\"left: 40px;\">name 24</td><td title=\"127.0.0.24\">127.0.0.24</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 25\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 25\" style=\"left: 40px;\">name 25</td><td title=\"127.0.0.25\">127.0.0.25</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 26\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 26\" style=\"left: 40px;\">name 26</td><td title=\"127.0.0.26\">127.0.0.26</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 27\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 27\" style=\"left: 40px;\">name 27</td><td title=\"127.0.0.27\">127.0.0.27</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 28\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 28\" style=\"left: 40px;\">name 28</td><td title=\"127.0.0.28\">127.0.0.28</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 29\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 29\" style=\"left: 40px;\">name 29</td><td title=\"127.0.0.29\">127.0.0.29</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 30\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 30\" style=\"left: 40px;\">name 30</td><td title=\"127.0.0.30\">127.0.0.30</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 31\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 31\" style=\"left: 40px;\">name 31</td><td title=\"127.0.0.31\">127.0.0.31</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 32\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 32\" style=\"left: 40px;\">name 32</td><td title=\"127.0.0.32\">127.0.0.32</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 33\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 33\" style=\"left: 40px;\">name 33</td><td title=\"127.0.0.33\">127.0.0.33</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 34\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 34\" style=\"left: 40px;\">name 34</td><td title=\"127.0.0.34\">127.0.0.34</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 35\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 35\" style=\"left: 40px;\">name 35</td><td title=\"127.0.0.35\">127.0.0.35</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 36\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 36\" style=\"left: 40px;\">name 36</td><td title=\"127.0.0.36\">127.0.0.36</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 37\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 37\" style=\"left: 40px;\">name 37</td><td title=\"127.0.0.37\">127.0.0.37</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 38\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 38\" style=\"left: 40px;\">name 38</td><td title=\"127.0.0.38\">127.0.0.38</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 39\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 39\" style=\"left: 40px;\">name 39</td><td title=\"127.0.0.39\">127.0.0.39</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 40\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 40\" style=\"left: 40px;\">name 40</td><td title=\"127.0.0.40\">127.0.0.40</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 41\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 41\" style=\"left: 40px;\">name 41</td><td title=\"127.0.0.41\">127.0.0.41</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 42\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 42\" style=\"left: 40px;\">name 42</td><td title=\"127.0.0.42\">127.0.0.42</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 43\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 43\" style=\"left: 40px;\">name 43</td><td title=\"127.0.0.43\">127.0.0.43</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 44\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 44\" style=\"left: 40px;\">name 44</td><td title=\"127.0.0.44\">127.0.0.44</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 45\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 45\" style=\"left: 40px;\">name 45</td><td title=\"127.0.0.45\">127.0.0.45</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 46\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 46\" style=\"left: 40px;\">name 46</td><td title=\"127.0.0.46\">127.0.0.46</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 47\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 47\" style=\"left: 40px;\">name 47</td><td title=\"127.0.0.47\">127.0.0.47</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 48\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 48\" style=\"left: 40px;\">name 48</td><td title=\"127.0.0.48\">127.0.0.48</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 49\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 49\" style=\"left: 40px;\">name 49</td><td title=\"127.0.0.49\">127.0.0.49</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 50\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 50\" style=\"left: 40px;\">name 50</td><td title=\"127.0.0.50\">127.0.0.50</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 51\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 51\" style=\"left: 40px;\">name 51</td><td title=\"127.0.0.51\">127.0.0.51</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 52\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 52\" style=\"left: 40px;\">name 52</td><td title=\"127.0.0.52\">127.0.0.52</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 53\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 53\" style=\"left: 40px;\">name 53</td><td title=\"127.0.0.53\">127.0.0.53</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 54\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 54\" style=\"left: 40px;\">name 54</td><td title=\"127.0.0.54\">127.0.0.54</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 55\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 55\" style=\"left: 40px;\">name 55</td><td title=\"127.0.0.55\">127.0.0.55</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 56\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 56\" style=\"left: 40px;\">name 56</td><td title=\"127.0.0.56\">127.0.0.56</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 57\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 57\" style=\"left: 40px;\">name 57</td><td title=\"127.0.0.57\">127.0.0.57</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 58\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 58\" style=\"left: 40px;\">name 58</td><td title=\"127.0.0.58\">127.0.0.58</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 59\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 59\" style=\"left: 40px;\">name 59</td><td title=\"127.0.0.59\">127.0.0.59</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 60\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 60\" style=\"left: 40px;\">name 60</td><td title=\"127.0.0.60\">127.0.0.60</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 61\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 61\" style=\"left: 40px;\">name 61</td><td title=\"127.0.0.61\">127.0.0.61</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 62\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 62\" style=\"left: 40px;\">name 62</td><td title=\"127.0.0.62\">127.0.0.62</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 63\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 63\" style=\"left: 40px;\">name 63</td><td title=\"127.0.0.63\">127.0.0.63</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 64\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 64\" style=\"left: 40px;\">name 64</td><td title=\"127.0.0.64\">127.0.0.64</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 65\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 65\" style=\"left: 40px;\">name 65</td><td title=\"127.0.0.65\">127.0.0.65</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 66\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 66\" style=\"left: 40px;\">name 66</td><td title=\"127.0.0.66\">127.0.0.66</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 67\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 67\" style=\"left: 40px;\">name 67</td><td title=\"127.0.0.67\">127.0.0.67</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 68\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 68\" style=\"left: 40px;\">name 68</td><td title=\"127.0.0.68\">127.0.0.68</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 69\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 69\" style=\"left: 40px;\">name 69</td><td title=\"127.0.0.69\">127.0.0.69</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 70\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 70\" style=\"left: 40px;\">name 70</td><td title=\"127.0.0.70\">127.0.0.70</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 71\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 71\" style=\"left: 40px;\">name 71</td><td title=\"127.0.0.71\">127.0.0.71</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 72\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 72\" style=\"left: 40px;\">name 72</td><td title=\"127.0.0.72\">127.0.0.72</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 73\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 73\" style=\"left: 40px;\">name 73</td><td title=\"127.0.0.73\">127.0.0.73</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 74\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 74\" style=\"left: 40px;\">name 74</td><td title=\"127.0.0.74\">127.0.0.74</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 75\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 75\" style=\"left: 40px;\">name 75</td><td title=\"127.0.0.75\">127.0.0.75</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 76\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 76\" style=\"left: 40px;\">name 76</td><td title=\"127.0.0.76\">127.0.0.76</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 77\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 77\" style=\"left: 40px;\">name 77</td><td title=\"127.0.0.77\">127.0.0.77</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 78\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 78\" style=\"left: 40px;\">name 78</td><td title=\"127.0.0.78\">127.0.0.78</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 79\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 79\" style=\"left: 40px;\">name 79</td><td title=\"127.0.0.79\">127.0.0.79</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 80\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 80\" style=\"left: 40px;\">name 80</td><td title=\"127.0.0.80\">127.0.0.80</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 81\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 81\" style=\"left: 40px;\">name 81</td><td title=\"127.0.0.81\">127.0.0.81</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 82\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 82\" style=\"left: 40px;\">name 82</td><td title=\"127.0.0.82\">127.0.0.82</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 83\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 83\" style=\"left: 40px;\">name 83</td><td title=\"127.0.0.83\">127.0.0.83</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 84\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 84\" style=\"left: 40px;\">name 84</td><td title=\"127.0.0.84\">127.0.0.84</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 85\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 85\" style=\"left: 40px;\">name 85</td><td title=\"127.0.0.85\">127.0.0.85</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 86\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 86\" style=\"left: 40px;\">name 86</td><td title=\"127.0.0.86\">127.0.0.86</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 87\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 87\" style=\"left: 40px;\">name 87</td><td title=\"127.0.0.87\">127.0.0.87</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 88\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 88\" style=\"left: 40px;\">name 88</td><td title=\"127.0.0.88\">127.0.0.88</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 89\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 89\" style=\"left: 40px;\">name 89</td><td title=\"127.0.0.89\">127.0.0.89</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 90\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 90\" style=\"left: 40px;\">name 90</td><td title=\"127.0.0.90\">127.0.0.90</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 91\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 91\" style=\"left: 40px;\">name 91</td><td title=\"127.0.0.91\">127.0.0.91</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 92\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 92\" style=\"left: 40px;\">name 92</td><td title=\"127.0.0.92\">127.0.0.92</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 93\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 93\" style=\"left: 40px;\">name 93</td><td title=\"127.0.0.93\">127.0.0.93</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 94\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 94\" style=\"left: 40px;\">name 94</td><td title=\"127.0.0.94\">127.0.0.94</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 95\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 95\" style=\"left: 40px;\">name 95</td><td title=\"127.0.0.95\">127.0.0.95</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 96\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 96\" style=\"left: 40px;\">name 96</td><td title=\"127.0.0.96\">127.0.0.96</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 97\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 97\" style=\"left: 40px;\">name 97</td><td title=\"127.0.0.97\">127.0.0.97</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 98\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 98\" style=\"left: 40px;\">name 98</td><td title=\"127.0.0.98\">127.0.0.98</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 99\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 99\" style=\"left: 40px;\">name 99</td><td title=\"127.0.0.99\">127.0.0.99</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 100\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 100\" style=\"left: 40px;\">name 100</td><td title=\"127.0.0.100\">127.0.0.100</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr></tbody></table></div></div></div>"
|
|
1644
|
+
"<div class=\"wrapper\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-454oc5\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th><th class=\"k-fixed-right\" title=\"Operation\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Operation</div></div></th></tr></thead><tbody><tr data-key=\"name 1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 1\" style=\"left: 40px;\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 2\" style=\"left: 40px;\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 3\" style=\"left: 40px;\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 4\" style=\"left: 40px;\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 5\" style=\"left: 40px;\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 6\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 6\" style=\"left: 40px;\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 7\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 7\" style=\"left: 40px;\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 8\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 8\" style=\"left: 40px;\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 9\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 9\" style=\"left: 40px;\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 10\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 10\" style=\"left: 40px;\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 11\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 11\" style=\"left: 40px;\">name 11</td><td title=\"127.0.0.11\">127.0.0.11</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 12\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 12\" style=\"left: 40px;\">name 12</td><td title=\"127.0.0.12\">127.0.0.12</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 13\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 13\" style=\"left: 40px;\">name 13</td><td title=\"127.0.0.13\">127.0.0.13</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 14\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 14\" style=\"left: 40px;\">name 14</td><td title=\"127.0.0.14\">127.0.0.14</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 15\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 15\" style=\"left: 40px;\">name 15</td><td title=\"127.0.0.15\">127.0.0.15</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 16\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 16\" style=\"left: 40px;\">name 16</td><td title=\"127.0.0.16\">127.0.0.16</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 17\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 17\" style=\"left: 40px;\">name 17</td><td title=\"127.0.0.17\">127.0.0.17</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 18\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 18\" style=\"left: 40px;\">name 18</td><td title=\"127.0.0.18\">127.0.0.18</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 19\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 19\" style=\"left: 40px;\">name 19</td><td title=\"127.0.0.19\">127.0.0.19</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 20\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 20\" style=\"left: 40px;\">name 20</td><td title=\"127.0.0.20\">127.0.0.20</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 21\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 21\" style=\"left: 40px;\">name 21</td><td title=\"127.0.0.21\">127.0.0.21</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 22\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 22\" style=\"left: 40px;\">name 22</td><td title=\"127.0.0.22\">127.0.0.22</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 23\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 23\" style=\"left: 40px;\">name 23</td><td title=\"127.0.0.23\">127.0.0.23</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 24\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 24\" style=\"left: 40px;\">name 24</td><td title=\"127.0.0.24\">127.0.0.24</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 25\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 25\" style=\"left: 40px;\">name 25</td><td title=\"127.0.0.25\">127.0.0.25</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 26\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 26\" style=\"left: 40px;\">name 26</td><td title=\"127.0.0.26\">127.0.0.26</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 27\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 27\" style=\"left: 40px;\">name 27</td><td title=\"127.0.0.27\">127.0.0.27</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 28\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 28\" style=\"left: 40px;\">name 28</td><td title=\"127.0.0.28\">127.0.0.28</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 29\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 29\" style=\"left: 40px;\">name 29</td><td title=\"127.0.0.29\">127.0.0.29</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 30\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 30\" style=\"left: 40px;\">name 30</td><td title=\"127.0.0.30\">127.0.0.30</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 31\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 31\" style=\"left: 40px;\">name 31</td><td title=\"127.0.0.31\">127.0.0.31</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 32\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 32\" style=\"left: 40px;\">name 32</td><td title=\"127.0.0.32\">127.0.0.32</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 33\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 33\" style=\"left: 40px;\">name 33</td><td title=\"127.0.0.33\">127.0.0.33</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 34\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 34\" style=\"left: 40px;\">name 34</td><td title=\"127.0.0.34\">127.0.0.34</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 35\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 35\" style=\"left: 40px;\">name 35</td><td title=\"127.0.0.35\">127.0.0.35</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 36\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 36\" style=\"left: 40px;\">name 36</td><td title=\"127.0.0.36\">127.0.0.36</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 37\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 37\" style=\"left: 40px;\">name 37</td><td title=\"127.0.0.37\">127.0.0.37</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 38\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 38\" style=\"left: 40px;\">name 38</td><td title=\"127.0.0.38\">127.0.0.38</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 39\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 39\" style=\"left: 40px;\">name 39</td><td title=\"127.0.0.39\">127.0.0.39</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 40\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 40\" style=\"left: 40px;\">name 40</td><td title=\"127.0.0.40\">127.0.0.40</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 41\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 41\" style=\"left: 40px;\">name 41</td><td title=\"127.0.0.41\">127.0.0.41</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 42\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 42\" style=\"left: 40px;\">name 42</td><td title=\"127.0.0.42\">127.0.0.42</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 43\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 43\" style=\"left: 40px;\">name 43</td><td title=\"127.0.0.43\">127.0.0.43</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 44\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 44\" style=\"left: 40px;\">name 44</td><td title=\"127.0.0.44\">127.0.0.44</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 45\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 45\" style=\"left: 40px;\">name 45</td><td title=\"127.0.0.45\">127.0.0.45</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 46\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 46\" style=\"left: 40px;\">name 46</td><td title=\"127.0.0.46\">127.0.0.46</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 47\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 47\" style=\"left: 40px;\">name 47</td><td title=\"127.0.0.47\">127.0.0.47</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 48\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 48\" style=\"left: 40px;\">name 48</td><td title=\"127.0.0.48\">127.0.0.48</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 49\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 49\" style=\"left: 40px;\">name 49</td><td title=\"127.0.0.49\">127.0.0.49</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 50\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 50\" style=\"left: 40px;\">name 50</td><td title=\"127.0.0.50\">127.0.0.50</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 51\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 51\" style=\"left: 40px;\">name 51</td><td title=\"127.0.0.51\">127.0.0.51</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 52\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 52\" style=\"left: 40px;\">name 52</td><td title=\"127.0.0.52\">127.0.0.52</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 53\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 53\" style=\"left: 40px;\">name 53</td><td title=\"127.0.0.53\">127.0.0.53</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 54\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 54\" style=\"left: 40px;\">name 54</td><td title=\"127.0.0.54\">127.0.0.54</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 55\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 55\" style=\"left: 40px;\">name 55</td><td title=\"127.0.0.55\">127.0.0.55</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 56\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 56\" style=\"left: 40px;\">name 56</td><td title=\"127.0.0.56\">127.0.0.56</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 57\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 57\" style=\"left: 40px;\">name 57</td><td title=\"127.0.0.57\">127.0.0.57</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 58\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 58\" style=\"left: 40px;\">name 58</td><td title=\"127.0.0.58\">127.0.0.58</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 59\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 59\" style=\"left: 40px;\">name 59</td><td title=\"127.0.0.59\">127.0.0.59</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 60\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 60\" style=\"left: 40px;\">name 60</td><td title=\"127.0.0.60\">127.0.0.60</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 61\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 61\" style=\"left: 40px;\">name 61</td><td title=\"127.0.0.61\">127.0.0.61</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 62\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 62\" style=\"left: 40px;\">name 62</td><td title=\"127.0.0.62\">127.0.0.62</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 63\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 63\" style=\"left: 40px;\">name 63</td><td title=\"127.0.0.63\">127.0.0.63</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 64\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 64\" style=\"left: 40px;\">name 64</td><td title=\"127.0.0.64\">127.0.0.64</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 65\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 65\" style=\"left: 40px;\">name 65</td><td title=\"127.0.0.65\">127.0.0.65</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 66\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 66\" style=\"left: 40px;\">name 66</td><td title=\"127.0.0.66\">127.0.0.66</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 67\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 67\" style=\"left: 40px;\">name 67</td><td title=\"127.0.0.67\">127.0.0.67</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 68\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 68\" style=\"left: 40px;\">name 68</td><td title=\"127.0.0.68\">127.0.0.68</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 69\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 69\" style=\"left: 40px;\">name 69</td><td title=\"127.0.0.69\">127.0.0.69</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 70\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 70\" style=\"left: 40px;\">name 70</td><td title=\"127.0.0.70\">127.0.0.70</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 71\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 71\" style=\"left: 40px;\">name 71</td><td title=\"127.0.0.71\">127.0.0.71</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 72\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 72\" style=\"left: 40px;\">name 72</td><td title=\"127.0.0.72\">127.0.0.72</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 73\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 73\" style=\"left: 40px;\">name 73</td><td title=\"127.0.0.73\">127.0.0.73</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 74\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 74\" style=\"left: 40px;\">name 74</td><td title=\"127.0.0.74\">127.0.0.74</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 75\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 75\" style=\"left: 40px;\">name 75</td><td title=\"127.0.0.75\">127.0.0.75</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 76\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 76\" style=\"left: 40px;\">name 76</td><td title=\"127.0.0.76\">127.0.0.76</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 77\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 77\" style=\"left: 40px;\">name 77</td><td title=\"127.0.0.77\">127.0.0.77</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 78\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 78\" style=\"left: 40px;\">name 78</td><td title=\"127.0.0.78\">127.0.0.78</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 79\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 79\" style=\"left: 40px;\">name 79</td><td title=\"127.0.0.79\">127.0.0.79</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 80\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 80\" style=\"left: 40px;\">name 80</td><td title=\"127.0.0.80\">127.0.0.80</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 81\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 81\" style=\"left: 40px;\">name 81</td><td title=\"127.0.0.81\">127.0.0.81</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 82\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 82\" style=\"left: 40px;\">name 82</td><td title=\"127.0.0.82\">127.0.0.82</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 83\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 83\" style=\"left: 40px;\">name 83</td><td title=\"127.0.0.83\">127.0.0.83</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 84\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 84\" style=\"left: 40px;\">name 84</td><td title=\"127.0.0.84\">127.0.0.84</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 85\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 85\" style=\"left: 40px;\">name 85</td><td title=\"127.0.0.85\">127.0.0.85</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 86\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 86\" style=\"left: 40px;\">name 86</td><td title=\"127.0.0.86\">127.0.0.86</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 87\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 87\" style=\"left: 40px;\">name 87</td><td title=\"127.0.0.87\">127.0.0.87</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 88\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 88\" style=\"left: 40px;\">name 88</td><td title=\"127.0.0.88\">127.0.0.88</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 89\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 89\" style=\"left: 40px;\">name 89</td><td title=\"127.0.0.89\">127.0.0.89</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 90\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 90\" style=\"left: 40px;\">name 90</td><td title=\"127.0.0.90\">127.0.0.90</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 91\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 91\" style=\"left: 40px;\">name 91</td><td title=\"127.0.0.91\">127.0.0.91</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 92\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 92\" style=\"left: 40px;\">name 92</td><td title=\"127.0.0.92\">127.0.0.92</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 93\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 93\" style=\"left: 40px;\">name 93</td><td title=\"127.0.0.93\">127.0.0.93</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 94\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 94\" style=\"left: 40px;\">name 94</td><td title=\"127.0.0.94\">127.0.0.94</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 95\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 95\" style=\"left: 40px;\">name 95</td><td title=\"127.0.0.95\">127.0.0.95</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 96\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 96\" style=\"left: 40px;\">name 96</td><td title=\"127.0.0.96\">127.0.0.96</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 97\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 97\" style=\"left: 40px;\">name 97</td><td title=\"127.0.0.97\">127.0.0.97</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 98\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 98\" style=\"left: 40px;\">name 98</td><td title=\"127.0.0.98\">127.0.0.98</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 99\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 99\" style=\"left: 40px;\">name 99</td><td title=\"127.0.0.99\">127.0.0.99</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr><tr data-key=\"name 100\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 100\" style=\"left: 40px;\">name 100</td><td title=\"127.0.0.100\">127.0.0.100</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a></td></tr></tbody></table></div></div></div>"
|
|
1683
1645
|
```
|
|
1684
1646
|
|
|
1685
1647
|
#### `Table selectedKeys`
|
|
1686
1648
|
|
|
1687
1649
|
```
|
|
1688
|
-
"<div><div class=\"k-table css-
|
|
1650
|
+
"<div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈\">哈哈</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈\">哈哈</td></tr></tbody></table></div></div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈\">哈哈</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈\">哈哈</td></tr></tbody></table></div></div></div>"
|
|
1689
1651
|
```
|
|
1690
1652
|
|
|
1691
1653
|
#### `Table showIndeterminate`
|
|
1692
1654
|
|
|
1693
1655
|
```
|
|
1694
|
-
"<div><div class=\"k-table css-
|
|
1656
|
+
"<div><div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr></tbody></table></div></div></div>"
|
|
1695
1657
|
```
|
|
1696
1658
|
|
|
1697
1659
|
#### `Table sort`
|
|
1698
1660
|
|
|
1699
1661
|
```
|
|
1700
|
-
"<div class=\"k-table css-
|
|
1662
|
+
"<div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" title=\"姓名\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">姓名</div><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up-bold k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down-bold k-desc k-mini css-16qej3\"></i></div></div></th><th class=\"k-column-sortable\" title=\"年龄\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">年龄</div><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up-bold k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down-bold k-desc k-mini css-16qej3\"></i></div></div></th></tr></thead><tbody><tr data-key=\"aa\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"aa\">aa</td><td title=\"1\">1</td></tr><tr data-key=\"cc\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"cc\">cc</td><td title=\"5\">5</td></tr><tr data-key=\"bb\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"bb\">bb</td><td title=\"9\">9</td></tr></tbody></table></div></div>"
|
|
1701
1663
|
```
|
|
1702
1664
|
|
|
1703
1665
|
#### `Table stickHeader`
|
|
1704
1666
|
|
|
1705
1667
|
```
|
|
1706
|
-
"<div class=\"k-table css-
|
|
1668
|
+
"<div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 40px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 800px; top: 64px;\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"姓名\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">姓名</div></div></th><th title=\"性别\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">性别</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col><col></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Javey\">Javey</td><td title=\"male\">male</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Kanily\">Kanily</td><td title=\"female\">female</td></tr></tbody></table></div></div>"
|
|
1707
1669
|
```
|
|
1708
1670
|
|
|
1709
1671
|
#### `Table stickScrollbar`
|
|
1710
1672
|
|
|
1711
1673
|
```
|
|
1712
|
-
"<div class=\"k-table css-
|
|
1674
|
+
"<div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column1</div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th title=\"Action\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"John\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Tom\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Javey\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"\"><a>action</a></td></tr></tbody></table></div><div class=\"k-affix css-8m3pex\" style=\"display: none;\"><div class=\"k-affix-wrapper\"><div class=\"k-table-scrollbar\"><div class=\"k-table-scrollbar-inner\" style=\"width: px;\"></div></div></div></div></div>"
|
|
1713
1675
|
```
|
|
1714
1676
|
|
|
1715
1677
|
#### `Table title`
|
|
1716
1678
|
|
|
1717
1679
|
```
|
|
1718
|
-
"<div class=\"k-table css-
|
|
1680
|
+
"<div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><span title=\"自定义表头内容\" class=\"title\">自定义表头内容</span><i class=\"k-icon k-icon-question css-16qej3\"></i><!--portal--></div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up-bold k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down-bold k-desc k-mini css-16qej3\"></i></div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr></tbody></table></div></div>"
|
|
1719
1681
|
```
|
|
1720
1682
|
|
|
1721
1683
|
#### `Table tooltip`
|
|
1722
1684
|
|
|
1723
1685
|
```
|
|
1724
|
-
"<div class=\"k-table css-
|
|
1686
|
+
"<div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈1\">哈哈1</td></tr><!--portal--><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr><!--portal--><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第三行\">第三行</td><td title=\"哈哈3\">哈哈3</td></tr><!--portal--></tbody></table></div></div>"
|
|
1725
1687
|
```
|
|
1726
1688
|
|
|
1727
1689
|
#### `Table tree`
|
|
1728
1690
|
|
|
1729
1691
|
```
|
|
1730
|
-
"<div class=\"k-table css-
|
|
1692
|
+
"<div class=\"k-table css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Size\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Size</div></div></th></tr></thead><tbody><tr data-key=\"Audios\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Audios\"><button class=\"k-btn k-mini k-none k-btn-icon k-table-arrow k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>Audios</td><td title=\"12MB\">12MB </td></tr><tr data-key=\"Images\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Images\"><button class=\"k-btn k-mini k-none k-btn-icon k-table-arrow k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>Images</td><td title=\"14MB\">14MB </td></tr><tr data-key=\"doc.pdf\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"doc.pdf\">doc.pdf</td><td title=\"18MB\">18MB </td></tr></tbody></table></div></div>"
|
|
1731
1693
|
```
|
|
1732
1694
|
|
|
1733
1695
|
#### `Table type`
|
|
1734
1696
|
|
|
1735
1697
|
```
|
|
1736
|
-
"<div><div class=\"k-table k-border css-
|
|
1698
|
+
"<div><div class=\"k-table k-border css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Type\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Type</div></div></th><th title=\"Value\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Value</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"type\">type</td><td title=\"border\">border</td></tr></tbody></table></div></div><div class=\"k-table k-grid css-454oc5\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Type\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Type</div></div></th><th title=\"Value\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Value</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"type\">type</td><td title=\"grid\">grid</td></tr></tbody></table></div></div></div>"
|
|
1737
1699
|
```
|
|
1738
1700
|
|
|
1739
1701
|
## `tabs`
|
|
@@ -1741,49 +1703,49 @@
|
|
|
1741
1703
|
#### `Tabs basic`
|
|
1742
1704
|
|
|
1743
1705
|
```
|
|
1744
|
-
"<div><div class=\"k-tabs k-size-default k-type-default css-
|
|
1706
|
+
"<div><div class=\"k-tabs k-size-default k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab\">入站规则</div><div class=\"k-tab k-active\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"left: 120px; width: 120px;\"></div></div></div></div><div class=\"content\"><div>出站规则</div></div></div>"
|
|
1745
1707
|
```
|
|
1746
1708
|
|
|
1747
1709
|
#### `Tabs beforeChange`
|
|
1748
1710
|
|
|
1749
1711
|
```
|
|
1750
|
-
"<div><div class=\"k-tabs k-size-default k-type-default css-
|
|
1712
|
+
"<div><div class=\"k-tabs k-size-default k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab\">入站规则</div><div class=\"k-tab k-active\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"left: 120px; width: 120px;\"></div></div></div></div><div class=\"content\"><div>出站规则</div></div></div>"
|
|
1751
1713
|
```
|
|
1752
1714
|
|
|
1753
1715
|
#### `Tabs card`
|
|
1754
1716
|
|
|
1755
1717
|
```
|
|
1756
|
-
"<div><div class=\"k-tabs k-size-default k-type-card css-
|
|
1718
|
+
"<div><div class=\"k-tabs k-size-default k-type-card css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-default k-type-flat-card css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div>"
|
|
1757
1719
|
```
|
|
1758
1720
|
|
|
1759
1721
|
#### `Tabs closable`
|
|
1760
1722
|
|
|
1761
1723
|
```
|
|
1762
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-
|
|
1724
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">新增Tab</button><div class=\"k-tabs k-size-large k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-large k-type-card css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-large k-type-flat-card css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div>"
|
|
1763
1725
|
```
|
|
1764
1726
|
|
|
1765
1727
|
#### `Tabs disabled`
|
|
1766
1728
|
|
|
1767
1729
|
```
|
|
1768
|
-
"<div><div class=\"k-tabs k-size-default k-type-default css-
|
|
1730
|
+
"<div><div class=\"k-tabs k-size-default k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab\">入站规则</div><div class=\"k-tab k-disabled\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\"></div></div></div></div><div class=\"content\"><div>关联云主机</div></div></div>"
|
|
1769
1731
|
```
|
|
1770
1732
|
|
|
1771
1733
|
#### `Tabs scroll`
|
|
1772
1734
|
|
|
1773
1735
|
```
|
|
1774
|
-
"<div style=\"width: 600px;\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
1736
|
+
"<div style=\"width: 600px;\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-tabs k-size-default k-type-default k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-tabs k-size-default k-type-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-tabs k-size-default k-type-flat-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><br><br><div style=\"display: flex;\"><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-default k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-16qej3\"></i></button></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-16qej3\"></i></button></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-flat-card k-is-scroll css-zq7arh\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-16qej3\"></i></button></div></div></div></div>"
|
|
1775
1737
|
```
|
|
1776
1738
|
|
|
1777
1739
|
#### `Tabs size`
|
|
1778
1740
|
|
|
1779
1741
|
```
|
|
1780
|
-
"<div><div class=\"k-tabs k-size-large k-type-default css-
|
|
1742
|
+
"<div><div class=\"k-tabs k-size-large k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">large1</div><div class=\"k-tab\">large2</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-default k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">default1</div><div class=\"k-tab\">defalut2</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-small k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">small1</div><div class=\"k-tab\">small2</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-mini k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">mini1</div><div class=\"k-tab\">mini2</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div>"
|
|
1781
1743
|
```
|
|
1782
1744
|
|
|
1783
1745
|
#### `Tabs vertical`
|
|
1784
1746
|
|
|
1785
1747
|
```
|
|
1786
|
-
"<div><div class=\"k-tabs k-size-default k-vertical k-type-default css-
|
|
1748
|
+
"<div><div class=\"k-tabs k-size-default k-vertical k-type-default css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-size-default k-vertical k-type-card css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-size-default k-vertical k-type-flat-card css-zq7arh\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div></div>"
|
|
1787
1749
|
```
|
|
1788
1750
|
|
|
1789
1751
|
## `tag`
|
|
@@ -1889,13 +1851,13 @@
|
|
|
1889
1851
|
#### `Tip closable`
|
|
1890
1852
|
|
|
1891
1853
|
```
|
|
1892
|
-
"<div><div class=\"k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">default</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-
|
|
1854
|
+
"<div><div class=\"k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">default</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">primary</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">success</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">warning</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">danger</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-dashed k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"> custom closing content </div><button class=\"k-btn k-link k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\">No longer show</button></div></div>"
|
|
1893
1855
|
```
|
|
1894
1856
|
|
|
1895
1857
|
#### `Tip title`
|
|
1896
1858
|
|
|
1897
1859
|
```
|
|
1898
|
-
"<div><div class=\"k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">default</div> This is a default tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-
|
|
1860
|
+
"<div><div class=\"k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">default</div> This is a default tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">primary</div> This is a primary tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">success</div> This is a success tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">warning</div> This is a warning tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\">danger</div> This is a danger tip. </div><button class=\"k-btn k-none k-btn-icon k-tip-close css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div></div>"
|
|
1899
1861
|
```
|
|
1900
1862
|
|
|
1901
1863
|
## `tooltip`
|
|
@@ -1915,19 +1877,19 @@
|
|
|
1915
1877
|
#### `Tooltip content`
|
|
1916
1878
|
|
|
1917
1879
|
```
|
|
1918
|
-
"<div><button class=\"k-btn k-default css-
|
|
1880
|
+
"<div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">Adjust Volume</button><!--portal--></div>"
|
|
1919
1881
|
```
|
|
1920
1882
|
|
|
1921
1883
|
#### `Tooltip position`
|
|
1922
1884
|
|
|
1923
1885
|
```
|
|
1924
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">position:</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-
|
|
1886
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">position:</label><div class=\"k-form-content\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-17njowz\" tabindex=\"0\" type=\"button\">left<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">right<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">top<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">bottom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">custom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item k-fluid css-1trczha\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><div class=\"opera\"><button class=\"k-btn k-default k-dropdown-open css-17njowz\" tabindex=\"0\" type=\"button\">at</button><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-dark css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -58.5312px; top: -0.398438px;\">\"left\"<i class=\"k-tooltip-arrow k-right\" style=\"top: 11.3984375px\"></i></div></div></div></div></form>"
|
|
1925
1887
|
```
|
|
1926
1888
|
|
|
1927
1889
|
#### `Tooltip trigger`
|
|
1928
1890
|
|
|
1929
1891
|
```
|
|
1930
|
-
"<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-
|
|
1892
|
+
"<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--><div class=\"k-input css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
|
|
1931
1893
|
```
|
|
1932
1894
|
|
|
1933
1895
|
#### `Tooltip confirm`
|
|
@@ -1942,7 +1904,7 @@
|
|
|
1942
1904
|
|
|
1943
1905
|
```
|
|
1944
1906
|
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1945
|
-
3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-
|
|
1907
|
+
3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1946
1908
|
2</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"right\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"right\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div></div></div></div><p>You selected: [0,1]</p></div>"
|
|
1947
1909
|
```
|
|
1948
1910
|
|
|
@@ -1950,21 +1912,21 @@
|
|
|
1950
1912
|
|
|
1951
1913
|
```
|
|
1952
1914
|
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1953
|
-
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-group k-clearable css-l0vdz7\"><div class=\"k-input-prepend\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\" style=\"width: px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"all\"><div class=\"k-select-value c-ellipsis\">全部策略</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-
|
|
1915
|
+
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-group k-clearable css-l0vdz7\"><div class=\"k-input-prepend\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\" style=\"width: px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"all\"><div class=\"k-select-value c-ellipsis\">全部策略</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1954
1916
|
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div><p>You selected: []</p></div>"
|
|
1955
1917
|
```
|
|
1956
1918
|
|
|
1957
1919
|
#### `Transfer customList`
|
|
1958
1920
|
|
|
1959
1921
|
```
|
|
1960
|
-
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>未分配</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">刘一 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">陈二 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">张三 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">李四 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">王五 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">赵六 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">孙七 </span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-
|
|
1922
|
+
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>未分配</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">刘一 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">陈二 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">张三 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">李四 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">王五 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">赵六 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">孙七 </span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>标准双人间</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间1 <span>（当前人数：0）</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间2 <span>（当前人数：0）</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间3 <span>（当前人数：0）</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间4 <span>（当前人数：0）</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间5 <span>（当前人数：0）</span></span></label></div></div></div></div></div>"
|
|
1961
1923
|
```
|
|
1962
1924
|
|
|
1963
1925
|
#### `Transfer getData`
|
|
1964
1926
|
|
|
1965
1927
|
```
|
|
1966
|
-
"<div><button class=\"k-btn k-default css-
|
|
1967
|
-
3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-
|
|
1928
|
+
"<div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">get data</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">get left checked data</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">get right checked data</button><br><br><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1929
|
+
3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1968
1930
|
2</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"right\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"right\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div></div></div></div><p>You selected: [0,1]</p></div>"
|
|
1969
1931
|
```
|
|
1970
1932
|
|
|
@@ -1972,7 +1934,7 @@
|
|
|
1972
1934
|
|
|
1973
1935
|
```
|
|
1974
1936
|
"<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1975
|
-
5</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名0\"></span><span class=\"k-checkbox-text\"><div><div>主机名0</div><p>前端服务器0 | 192.168.1.0</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名1\"></span><span class=\"k-checkbox-text\"><div><div>主机名1</div><p>前端服务器1 | 192.168.1.1</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名2\"></span><span class=\"k-checkbox-text\"><div><div>主机名2</div><p>前端服务器2 | 192.168.1.2</p></div></span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"主机名3\"></span><span class=\"k-checkbox-text\"><div><div>主机名3</div><p>前端服务器3 | 192.168.1.3</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名4\"></span><span class=\"k-checkbox-text\"><div><div>主机名4</div><p>前端服务器4 | 192.168.1.4</p></div></span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-
|
|
1937
|
+
5</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名0\"></span><span class=\"k-checkbox-text\"><div><div>主机名0</div><p>前端服务器0 | 192.168.1.0</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名1\"></span><span class=\"k-checkbox-text\"><div><div>主机名1</div><p>前端服务器1 | 192.168.1.1</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名2\"></span><span class=\"k-checkbox-text\"><div><div>主机名2</div><p>前端服务器2 | 192.168.1.2</p></div></span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"主机名3\"></span><span class=\"k-checkbox-text\"><div><div>主机名3</div><p>前端服务器3 | 192.168.1.3</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名4\"></span><span class=\"k-checkbox-text\"><div><div>主机名4</div><p>前端服务器4 | 192.168.1.4</p></div></span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1976
1938
|
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-l0vdz7\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div>"
|
|
1977
1939
|
```
|
|
1978
1940
|
|
|
@@ -1980,14 +1942,14 @@
|
|
|
1980
1942
|
|
|
1981
1943
|
```
|
|
1982
1944
|
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">2 /
|
|
1983
|
-
5</div><label class=\"k-checkbox k-indeterminate c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-
|
|
1945
|
+
5</div><label class=\"k-checkbox k-indeterminate c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle css-17njowz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1984
1946
|
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-transfer-list\"></div></div></div><p>You checked left side: [0,2]</p></div>"
|
|
1985
1947
|
```
|
|
1986
1948
|
|
|
1987
1949
|
#### `Transfer tree`
|
|
1988
1950
|
|
|
1989
1951
|
```
|
|
1990
|
-
"<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>请选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node k-expanded k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">database</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">class</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">student</div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">id</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">name</div></div></div></div></div></div></div></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-
|
|
1952
|
+
"<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>请选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node k-expanded k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">database</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">class</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">student</div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">id</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">name</div></div></div></div></div></div></div></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-large k-primary k-btn-icon k-circle k-disabled css-17njowz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>已选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"></div></div></div></div>"
|
|
1991
1953
|
```
|
|
1992
1954
|
|
|
1993
1955
|
## `tree`
|
|
@@ -2001,7 +1963,7 @@
|
|
|
2001
1963
|
#### `Tree checkbox`
|
|
2002
1964
|
|
|
2003
1965
|
```
|
|
2004
|
-
"<div><button class=\"k-btn k-default css-
|
|
1966
|
+
"<div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">get checked data</button><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">get checked leaves data</button><br><br><div class=\"k-tree k-line css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-indeterminate k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div></div></div></div>"
|
|
2005
1967
|
```
|
|
2006
1968
|
|
|
2007
1969
|
#### `Tree contextmenu`
|
|
@@ -2013,7 +1975,7 @@
|
|
|
2013
1975
|
#### `Tree custom`
|
|
2014
1976
|
|
|
2015
1977
|
```
|
|
2016
|
-
"<div class=\"wrapper\"><div class=\"k-btns root-btns css-mk35v2\"><button class=\"k-btn k-small k-default k-btn-icon css-
|
|
1978
|
+
"<div class=\"wrapper\"><div class=\"k-btns root-btns css-mk35v2\"><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">+</button></div><div class=\"k-tree k-line css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\"><div class=\"text\">First floor-1</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">-</button></div></div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\"><div class=\"text\">First floor-2</div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-small k-default k-btn-icon css-17njowz\" tabindex=\"0\" type=\"button\">-</button></div></div></div></div></div></div>"
|
|
2017
1979
|
```
|
|
2018
1980
|
|
|
2019
1981
|
#### `Tree draggable`
|
|
@@ -2025,7 +1987,7 @@
|
|
|
2025
1987
|
#### `Tree expandAll`
|
|
2026
1988
|
|
|
2027
1989
|
```
|
|
2028
|
-
"<div class=\"wrapper\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-1.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-1.1.1</div></div></div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-expanded k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.2.1</div></div></div></div></div></div></div></div><div class=\"k-tree k-line k-selectable css-3c9wnf\"></div><button class=\"k-btn k-default css-
|
|
1990
|
+
"<div class=\"wrapper\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-1.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-1.1.1</div></div></div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-expanded k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.2.1</div></div></div></div></div></div></div></div><div class=\"k-tree k-line k-selectable css-3c9wnf\"></div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">加载数据</button></div>"
|
|
2029
1991
|
```
|
|
2030
1992
|
|
|
2031
1993
|
#### `Tree filterable`
|
|
@@ -2043,7 +2005,7 @@
|
|
|
2043
2005
|
#### `Tree select`
|
|
2044
2006
|
|
|
2045
2007
|
```
|
|
2046
|
-
"<div><button class=\"k-btn k-default css-
|
|
2008
|
+
"<div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">get selected data</button><br><br><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded k-selected\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
|
|
2047
2009
|
```
|
|
2048
2010
|
|
|
2049
2011
|
#### `Tree uncorrelated`
|
|
@@ -2089,13 +2051,13 @@
|
|
|
2089
2051
|
#### `Upload basic`
|
|
2090
2052
|
|
|
2091
2053
|
```
|
|
2092
|
-
"<div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-
|
|
2054
|
+
"<div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-12ncg60\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-16qej3\"></i>点击上传</button></div><div class=\"k-upload-tip\">只能上传JPG/PNG格式文件，且不超过500kb</div><div class=\"k-upload-files\"></div><!--portal--></div>"
|
|
2093
2055
|
```
|
|
2094
2056
|
|
|
2095
2057
|
#### `Upload directory`
|
|
2096
2058
|
|
|
2097
2059
|
```
|
|
2098
|
-
"<div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" directory=\"\" webkitdirectory=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-
|
|
2060
|
+
"<div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" directory=\"\" webkitdirectory=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-12ncg60\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-16qej3\"></i>点击上传</button></div><div class=\"k-upload-files\"></div><!--portal--></div>"
|
|
2099
2061
|
```
|
|
2100
2062
|
|
|
2101
2063
|
#### `Upload drag`
|
|
@@ -2107,7 +2069,7 @@
|
|
|
2107
2069
|
#### `Upload files`
|
|
2108
2070
|
|
|
2109
2071
|
```
|
|
2110
|
-
"<div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-
|
|
2072
|
+
"<div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-12ncg60\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-16qej3\"></i>点击上传</button></div><div class=\"k-upload-files\"><div class=\"k-upload-file\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-16qej3\"></i><span class=\"k-upload-file-name\">test1.jpg</span><i class=\"k-icon k-upload-status-icon k-icon-success-fill css-16qej3\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-16qej3\"></i></div><div class=\"k-upload-file\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-16qej3\"></i><span class=\"k-upload-file-name\">test2.png</span><i class=\"k-icon k-upload-status-icon k-icon-success-fill css-16qej3\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-16qej3\"></i></div><div class=\"k-upload-file k-error\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-16qej3\"></i><span class=\"k-upload-file-name\">test3.png</span><i class=\"k-icon k-upload-status-icon k-icon-error-fill css-16qej3\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-16qej3\"></i></div></div><!--portal--></div>"
|
|
2111
2073
|
```
|
|
2112
2074
|
|
|
2113
2075
|
#### `Upload gallery`
|
|
@@ -2119,7 +2081,7 @@
|
|
|
2119
2081
|
#### `Upload manually`
|
|
2120
2082
|
|
|
2121
2083
|
```
|
|
2122
|
-
"<div><div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-
|
|
2084
|
+
"<div><div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-17njowz\" tabindex=\"0\" type=\"button\">选择文件</button></div><div class=\"k-upload-files\"></div><!--portal--></div><button class=\"k-btn k-default css-17njowz\" tabindex=\"0\" type=\"button\">开始上传</button></div>"
|
|
2123
2085
|
```
|
|
2124
2086
|
|
|
2125
2087
|
## `wave`
|