本帖最后由 Shawn.Liu 于 2024-7-18 10:11 编辑
大家平常在开发项目中会有一些用到树形控件的场景,比如展示物品类目等,与此同时会附加一个表格以展示选择某个节点后的过滤数据,比如库存管理系统的物品库存页面。
在上面这种情况下,可能会带来一些新的需求,比如当选择了食品类别后,想取消选择该节点,希望树型图和表格恢复到页面初始加载的状态。
当使用树型图组件时,由于树型图单元格的值,即为绑定的数据源的值字段,那么可以主动通过设置单元格属性命令,修改树型图单元格的值为Null;
在V9.1版本发布时,ElementUI插件新增EL树形控件单元格,相比树型图而言,支持节点多选和拖曳功能,更好的满足大家的业务需求。
最近有格友问到,自己使用EL树型控件也需要取消选中当前节点的功能,实现这个需求无法像树型图那样,直接设置单元格属性为空,可用操作中也暂时未开放这类命令,可通过下面的JavaScript命令来设置(tree是EL树形控件的单元格名称)
- Forguncy.Page.getCell("tree").getCellType().vue.$refs.treeRef.setCurrentKey(null, true);
复制代码
大家项目中有需要这个功能的可以使用起来了~
EL树形控件取消选中节点.fgcc
(1.63 MB, 下载次数: 49)
|