修复tree模式的节点显示异常

This commit is contained in:
maplemei
2020-11-27 19:19:22 +08:00
parent 1175612369
commit ca9453469e
13 changed files with 169 additions and 76 deletions

View File

@@ -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,

View File

@@ -16,6 +16,8 @@ var demo1 = xmSelect.render({
indent: 20,
expandedKeys: [ -3 ],
simple: true,
clickExpand: false,
clickCheck: false,
},
toolbar: {
show: true,

View File

@@ -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