v1.1.9
This commit is contained in:
@@ -18,6 +18,8 @@ tree: {
|
||||
expandedKeys: [],
|
||||
//是否严格遵守父子模式
|
||||
strict: true,
|
||||
//是否开启极简模式
|
||||
simple: false,
|
||||
},
|
||||
```
|
||||
|
||||
@@ -32,6 +34,7 @@ tree: {
|
||||
<input type="checkbox" name="showFolderIcon" lay-filter="showFolderIcon" lay-skin="primary" title="是否展示三角图标" checked>
|
||||
<input type="checkbox" name="showLine" lay-filter="showLine" lay-skin="primary" title="是否显示虚线" checked>
|
||||
<input type="checkbox" name="strict" lay-filter="strict" lay-skin="primary" title="严格父子结构" checked>
|
||||
<input type="checkbox" name="simple" lay-filter="simple" lay-skin="primary" title="极简模式">
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 20px">间距</div>
|
||||
@@ -41,7 +44,7 @@ tree: {
|
||||
<script>
|
||||
layui.form.render();
|
||||
|
||||
['showFolderIcon', 'showLine', 'strict'].forEach(function(key){
|
||||
['showFolderIcon', 'showLine', 'strict', 'simple'].forEach(function(key){
|
||||
layui.form.on('checkbox('+key+')', function(data){
|
||||
var treeConfig = {};
|
||||
treeConfig[key] = data.elem.checked;
|
||||
@@ -366,4 +369,4 @@ var demo5 = xmSelect.render({
|
||||
|
||||
</script>
|
||||
```
|
||||
:::
|
||||
:::
|
||||
|
||||
@@ -8,35 +8,29 @@
|
||||
var demo1 = xmSelect.render({
|
||||
el: '#demo1',
|
||||
autoRow: true,
|
||||
filterable: true,
|
||||
cascader: {
|
||||
show: true,
|
||||
indent: 100,
|
||||
height: '300px',
|
||||
tree: {
|
||||
show: false,
|
||||
simple: true,
|
||||
expandedKeys: [-1],
|
||||
},
|
||||
height: '100px',
|
||||
toolbar: {
|
||||
show: true,
|
||||
list: ['ALL', 'REVERSE', 'CLEAR']
|
||||
},
|
||||
filterable: true,
|
||||
paging: true,
|
||||
pageRemote: true,
|
||||
remoteSearch: true,
|
||||
remoteMethod(val, cb, show, pageIndex){
|
||||
cb([
|
||||
{name: '张三11111111111', value: 1, selected: true, children: []},
|
||||
{name: '李四1', value: 2, selected: true},
|
||||
{name: '王五1', value: 3, disabled: false},
|
||||
])
|
||||
},
|
||||
data(){
|
||||
return [
|
||||
{name: '销售员', value: -1, disabled: true, children: [
|
||||
{name: '张三11111111111', value: 1, selected: true, children: []},
|
||||
{name: '李四1', value: 2, selected: true},
|
||||
{name: '王五1', value: 3, disabled: true},
|
||||
]},
|
||||
{name: '奖品', value: -2, children: [
|
||||
{name: '奖品3333333333', value: -3, children: [
|
||||
{name: '苹果3', value: 14, selected: true},
|
||||
{name: '香蕉3', value: 15},
|
||||
{name: '葡萄3', value: 16},
|
||||
]},
|
||||
{name: '苹果2', value: 4, selected: true, disabled: true},
|
||||
{name: '香蕉2', value: 5},
|
||||
{name: '葡萄2', value: 6},
|
||||
]},
|
||||
]
|
||||
return []
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
@@ -172,8 +172,9 @@ list: [ "ALL", "CLEAR",
|
||||
| showFolderIcon | 是否显示节点前的三角图标 | boolean | true / false | true |
|
||||
| showLine | 是否显示虚线 | boolean | true / false | true |
|
||||
| indent | 间距 | int | - | 20 |
|
||||
| expandedKeys | 默认展开的节点数组, 为true时展开所有节点 | array / boolean | - | [ ] |
|
||||
| strict | 是否遵循严格父子结构 | boolean | true / false | true |
|
||||
| expandedKeys | 默认展开的节点数组, 为true时展开所有节点 | array / boolean | - | [ ] |
|
||||
| strict | 是否遵循严格父子结构 | boolean | true / false | true |
|
||||
| simple | 是否开启极简模式 | boolean | true / false | false |
|
||||
|
||||
|
||||
### cascader
|
||||
|
||||
Reference in New Issue
Block a user