修复tree模式的节点显示异常
This commit is contained in:
@@ -20,6 +20,10 @@ tree: {
|
||||
strict: true,
|
||||
//是否开启极简模式
|
||||
simple: false,
|
||||
//点击节点是否展开
|
||||
clickExpand: true,
|
||||
//点击节点是否选中
|
||||
clickCheck: true,
|
||||
},
|
||||
```
|
||||
|
||||
@@ -42,6 +46,11 @@ tree: {
|
||||
<input type="checkbox" name="all" lay-filter="all" lay-skin="primary" title="展开所有节点">
|
||||
<input type="checkbox" name="close" lay-filter="close" lay-skin="primary" title="闭合所有节点">
|
||||
<input type="checkbox" name="key3" lay-filter="key3" lay-skin="primary" title="展开指定节点">
|
||||
|
||||
<br/><br/>
|
||||
<input type="checkbox" name="clickExpand" lay-filter="clickExpand" lay-skin="primary" title="clickExpand" checked>
|
||||
<input type="checkbox" name="clickCheck" lay-filter="clickCheck" lay-skin="primary" title="clickExpand" checked>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 20px">间距</div>
|
||||
@@ -110,6 +119,22 @@ layui.form.on('checkbox(key3)', function(data){
|
||||
}
|
||||
});
|
||||
|
||||
layui.form.on('checkbox(clickExpand)', function(data){
|
||||
demo1.update({
|
||||
tree: {
|
||||
clickExpand: data.elem.checked
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
layui.form.on('checkbox(clickCheck)', function(data){
|
||||
demo1.update({
|
||||
tree: {
|
||||
clickCheck: data.elem.checked
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
layui.slider.render({
|
||||
elem: '#slideTest1',
|
||||
min: 10,
|
||||
|
||||
@@ -16,6 +16,8 @@ var demo1 = xmSelect.render({
|
||||
indent: 20,
|
||||
expandedKeys: [ -3 ],
|
||||
simple: true,
|
||||
clickExpand: false,
|
||||
clickCheck: false,
|
||||
},
|
||||
toolbar: {
|
||||
show: true,
|
||||
|
||||
@@ -45,6 +45,7 @@
|
||||
| layReqText | 表单验证, 同layui的lay-reqText | string | - | '' |
|
||||
| toolbar | 工具条, 具体看下表 | object | - | - |
|
||||
| showCount | 展示在下拉框中的最多选项数量 | int | - | 0 |
|
||||
| enableKeyboard | 是否启用键盘操作选项 | boolean | true / false | true |
|
||||
| autoRow | 是否开启自动换行(选项过多时) | boolean | true / false | false |
|
||||
| size | 尺寸 | string | large / medium / small / mini | medium |
|
||||
| disabled | 是否禁用多选 | boolean | true / false | false |
|
||||
@@ -189,6 +190,8 @@ list: [ "ALL", "CLEAR",
|
||||
| strict | 是否遵循严格父子结构 | boolean | true / false | true |
|
||||
| simple | 是否开启极简模式 | boolean | true / false | false |
|
||||
| nodeType | 标注节点类型的key | string | leaf: 叶子节点, parent: 父节点, half: 半选节点 | __node_type |
|
||||
| clickExpand | 点击节点是否展开, false时点击三角箭头进行展开操作| boolean | true / false | true |
|
||||
| clickCheck | 点击节点是否选中, false时点击复选框进行选中操作 | boolean | true / false | true |
|
||||
|
||||
|
||||
### cascader
|
||||
|
||||
Reference in New Issue
Block a user