Extjs 下拉树过滤问题

本文介绍在ExtJS中实现下拉树全选功能时遇到的问题及解决方案。当用户全选后,如何正确加载并过滤启用和停用的数据。通过调整代码逻辑,实现了先加载数据后再进行过滤的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在最近开发的项目中,用到下拉树。默认加载的treeStore为状态是启用的。新增了一个所有的勾选框,勾选所有后加载的为启用和停用的。如图:


勾选所有后:

其中编号名称中有过滤的作用:现在问题:未点击所有的时候搜索S会过滤掉不是编号或者名称没有S的数据、展示包含S的数据,再点击所有,想要实现加载启用、停用数据后在执行过滤,但是没有成功。

未成功代码:

原因:在勾选所有后,先过滤的,然后在加载的treeStore的数据,顺序不对,这个和Extjs本身的机制有关系。treeStore.load()放在队列中

最后修改为:将过滤的值作为store的属性 treeStore.filterText = value。然后在treeStore所属的容器中treePanel中的listener中加上load事件 代码为:

treePanel中监听事件为:

ps:需要了解Extjs的内部机制,需要跟一下源码。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值