论坛首页 Web前端技术论坛

过滤器(Filter)的实现(jQuery)

浏览 11607 次
精华帖 (0) :: 良好帖 (13) :: 新手帖 (0) :: 隐藏帖 (1)
作者 正文
   发表时间:2009-11-23  
horseroad 写道
个人水平有限,js、jquery仅限于会用,不过东东很好,收藏了!但是代码没看太懂。不知道怎么才能搞懂呢?

这个实现其实不复杂,可以分成这样几步:

1.保存原始列表,以备恢复。
2.将原始列表中的所有Item遍历,用正则表达式进行匹配,匹配的高亮
3.注册这个过程到searchbox的keyup时间上

仅此而已,实现上用的是jQuery,所以代码量很小。
0 请登录后投票
   发表时间:2009-11-23  
childrentown 写道
admyefei 写道
我怎么感觉很卡,性能有问题

我用这个JFilter在FF和IE下都测了下(100条数据),没有感觉卡啊,你用的是什么浏览器?不过如果输入速度很快的话,好像是有些卡哦。

可能是我输入的快了些,不过相比我在输入法中输入的速度应该差不多,但是输入法就反应迅速多了。
没个人的体验还是不一样。
0 请登录后投票
   发表时间:2009-11-23  
大家在google搜“在线输入法”,有一个用javascript实现的输入法,速度很快,本人技术浅薄,不知道如何实现的。觉着和这个帖子的filter有点相似,而且本人正想做一个1000多条记录的字典,不知道怎么才能用javascript实现。
0 请登录后投票
   发表时间:2009-11-24  
呵呵 这样的插件有很多,我就用过一个:autocomplete.js 这个也很好用的
0 请登录后投票
   发表时间:2009-11-25  
a3mao 写道
呵呵 这样的插件有很多,我就用过一个:autocomplete.js 这个也很好用的

不一样撒,
autocomplete是对一个外部的内容区(内容一般在服务端)进行过滤,并最终"完成"一个InputFileld。
Filter则是对一个内容区(一般在页面上)进行过滤,最终用户要的是过滤后的内容区!

也可以看成这样,autocomplete是给inputfield附加上一个内容区,而filter则是给一个内容区附加一个inputfield。两者正好相反,呵呵。
0 请登录后投票
   发表时间:2009-11-27  
抱歉,按收藏的时候按错了下隐藏贴,~~心有愧 贴别来支持下楼主
0 请登录后投票
   发表时间:2009-11-27  
abruzzi 写道
horseroad 写道
个人水平有限,js、jquery仅限于会用,不过东东很好,收藏了!但是代码没看太懂。不知道怎么才能搞懂呢?

这个实现其实不复杂,可以分成这样几步:

1.保存原始列表,以备恢复。
2.将原始列表中的所有Item遍历,用正则表达式进行匹配,匹配的高亮
3.注册这个过程到searchbox的keyup时间上

仅此而已,实现上用的是jQuery,所以代码量很小。

呵呵,非常感谢耐心解析,后来我又仔细看了一遍代码,也看懂了没个语句具体干些什么,现在看你这么一个解析更加清楚了~再次感谢
0 请登录后投票
   发表时间:2009-11-27  
lzyzizi 写道
抱歉,按收藏的时候按错了下隐藏贴,~~心有愧 贴别来支持下楼主

呵呵,不用客气。主要目的是分享下实际项目中用到的技术,能做到对别有有用我就很高兴了。
0 请登录后投票
   发表时间:2009-11-27  
childrentown 写道
lzyzizi 写道
抱歉,按收藏的时候按错了下隐藏贴,~~心有愧 贴别来支持下楼主

呵呵,不用客气。主要目的是分享下实际项目中用到的技术,能做到对别有有用我就很高兴了。


to lzyzizi:
不好意思,chrome上的帐号(childrentown)是上次同事登录后留下的,我一般用ff,不小心用他的账号回复了,
0 请登录后投票
   发表时间:2010-04-26  
看起来相当强大!
0 请登录后投票
论坛首页 Web前端技术版

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