UI的tree组件的方法怎么使用

Posted 2023-04-27

通过disabled属性职位true设置按钮不可用。 1、获取按钮对象2、设置按钮对象的disabled的属性为true（禁用），false（不禁用）示例： btn=document.getElementById(\'按钮的ID\');btn.disabled=true; 参考技术A ui不知道有tree控件，或者easyui的tree控件默认的就是选中后父节点也选中，再复杂点zTree也可以做

用zTree替代Element UI的Tree，解决大数据卡顿问题

参考技术A Vue Element UI的Tree组件在加载大量节点时会出现明显的卡顿，电脑配置差点更是难受。即使使用懒加载，即每展开父节点再去加载子节点，若字节点数目同样众多，Tree组件在使用过程中依旧卡顿。这里提供一个jquery的方案，使用zTree替代Element UI的Tree组件，让树组件使用非常流畅。
因为树节点数目众多，使用zTree依旧延续展开父节点再去加载子节点的方式。

zTree： http://www.treejs.cn/v3/main.php#_zTreeInfo 。首先是zTree的标签：

参照zTree官方文档，配置zTree的setting：

展开父节点加载对应的子节点：

接下来设置滚动条。这里用到了vuescroll组件： https://vuescrolljs.yvescoding.org/zh/guide/

父节点的勾选状态有三种：勾选、半选（即只有部分子节点选中）、不勾选。
父节点勾选，则新加载的子节点全部勾选。

记录checkArray、pathArray