论坛首页 Web前端技术论坛

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

浏览 4260 次
精华帖 (0) :: 良好帖 (1) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-04-26   最后修改:2010-04-29
Ext自带一个Ext.tree.TreeFilter类,可以实现树节点的过滤,但是功能太单薄了。我自己实现了一个树的过滤功能,支持以下功能:
  • 过滤时忽略父节点,默认情况下忽略
  • 中文、拼音首字母过滤,你输中文就按照中文进行匹配,输拼音就按照首字母匹配
  • 过滤后自动展开匹配结点的所有父节点
  • 匹配字符串为空时将结点全部显示,可配置全部显示时结点状态为全收缩还是全展开,默认不处理
  • 拼音缓存:确保汉字只转一次拼音,提高效率

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

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

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

初始状态:

汉字匹配:

拼音首字母匹配:

  • 大小: 2.4 KB
  • 大小: 2.6 KB
  • 大小: 5.4 KB
  • 大小: 2.1 KB
   发表时间:2010-07-29  
下载不了. 麻烦楼主看下.. 写写. 
0 请登录后投票
   发表时间:2010-08-18  
很不错的例子!  得研看研看
0 请登录后投票
   发表时间:2010-09-02  
不以用,EXT3.2
0 请登录后投票
   发表时间:2010-10-27  
good,没问题
再加上
http://blog.csdn.net/zhaoqiliang527/archive/2010/09/13/5880729.aspx
的使用更简单了。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics