一看就会，超有用活字格技能：二百、EL树形控件取消选中节点

sz_xd

本帖最后由 Shawn.Liu 于 2024-7-18 10:11 编辑

大家平常在开发项目中会有一些用到树形控件的场景，比如展示物品类目等，与此同时会附加一个表格以展示选择某个节点后的过滤数据，比如库存管理系统的物品库存页面。
image.png259191893.png

在上面这种情况下，可能会带来一些新的需求，比如当选择了食品类别后，想取消选择该节点，希望树型图和表格恢复到页面初始加载的状态。

当使用树型图组件时，由于树型图单元格的值，即为绑定的数据源的值字段，那么可以主动通过设置单元格属性命令，修改树型图单元格的值为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)

		自动登录	找回密码
密码			立即注册

[易学技巧] 一看就会，超有用活字格技能：二百、EL树形控件取消选中节点

评分

0 个回复

活字格认证

活字格高级认证