最近在做公司的组织结构树,用的是jquery.treeview插件。
如果公司的组织结构比较庞大,就需要个功能用于搜索,不然每次树展开就会很大,不利于观看。
由于本人页面前端javasript技术不是很扎实,所以一遇到困难我就选择用后台java代码去处理了。花了大概快一天的时间吧,最后终于完成了。心里暗暗美了一阵。
最后拿给头看了下,心里还在窃窃美呢。。过了会,头发给了我一个jquery.treeview.modified文件。上面只用不到20行的js代码就搞定。
那几行代码也没有什么特别的,用到最主要的一个jquery方法就是:contains方法。
该函数可用判断给定jquery对象的文本里面是否含有某些字符,用了它在页面上就可以做类似的模糊查询了。
比如:
$('#tree a:contains("命中")')表示是文本里面含有“命中”;
$('#tree a:not(:contains("未命中"))')表示的是文本里面没有包含”未命中“;
jquery这个“选择器”的确很强大。
jQuery搜索功能实践
本文介绍了一个简单的jQuery插件实现组织结构树中模糊搜索的方法。通过使用contains方法,可以在不改动后台代码的情况下,快速实现前端搜索功能,提高了用户体验。

被折叠的 条评论
为什么被折叠?



