职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 2170|回复: 7

[Ext扩展]QM.ux.TreeFilter:树节点智能过滤,添加中文模糊匹配功能

[复制链接]
走失的猫咪 发表于 2011-7-25 09:59 | 显示全部楼层 |阅读模式
Ext自带一个Ext.tree.TreeFilter类,可以实现树节点的过滤,但是功能太单薄了。我自己实现了一个树的过滤功能,支持以下功能:

过滤时忽略父节点,默认情况下忽略
中文、拼音首字母过滤,你输中文就按照中文进行匹配,输拼音就按照首字母匹配
过滤后自动展开匹配结点的所有父节点
匹配字符串为空时将结点全部显示,可配置全部显示时结点状态为全收缩还是全展开,默认不处理
拼音缓存:确保汉字只转一次拼音,提高效率

1.1 改动:
1.支持中文模糊匹配,输入汉字可以是字符串任意位置

注意事项:
1.循环遍历操作,树节点过多会卡
2.这是前台过滤,请保证过滤前所有结点加载完毕

考虑到新手,附件的例子直接下载到Ext根目录下用浏览器打开即可查看

初始状态:
3df2f9a6-dde8-3bc8-9b5c-d08e0c1860ba.png
汉字匹配:
5d8ed231-20aa-3cf0-9c39-88135dcdc0de.png
拼音首字母匹配:
c2666a5c-886a-3a2b-b9fd-3ba6cb9d9061.png


jinchang 发表于 2011-7-25 09:59 | 显示全部楼层
下载不了. 麻烦楼主看下.. 写写.
郁闷小男人 发表于 2011-7-25 09:59 | 显示全部楼层
非常的不错

能文能武 发表于 2011-7-25 09:59 | 显示全部楼层
很不错的例子!  得研看研看

爱车车 发表于 2011-7-25 10:00 | 显示全部楼层
不以用,EXT3.2

天上智喜 发表于 2011-7-25 10:00 | 显示全部楼层
good,没问题
再加上
http://blog.csdn.net/zhaoqiliang527/archive/2010/09/13/5880729.aspx
的使用更简单了。


layho 发表于 2012-4-17 16:18 | 显示全部楼层
出来,代码呢
Bruce_Chen 发表于 2012-4-24 14:59 | 显示全部楼层
如何下载?
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-4-27 08:38 , Processed in 0.155392 second(s), 28 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表