EasyUI Combotree搜索控件
树形结构的选择控件，做过表单或者权限配置的你肯定遇到过。这类控件用多了，早就厌了那些死板的下拉列表。easyui_combotree_search就比较灵活，把Combotree和搜索功能整合在一起，用起来还蛮顺手的。
底层是jQuery配EasyUI，两个老搭档，配合起来稳定又省事。你只需要在前端监听输入框的keyup事件，用tree('doFilter')之类的方式去过滤节点，响应也快，代码也简单。
Combotree这个控件挺适合做权限选择那种多层级的数据结构。比如你输入“运维”，它就会高亮或显示出所有相关的节点，方便地找到想要的那一层。比那种手动翻树点开找，快太多了。
后台用Spring MVC或者其他 Java 框架都可以，只要能接收前端的关键词参数，查数据库再返回数据就行。一般就是写个Controller，配个实体类，返回 JSON 数据喂前端。
前端页面的结构也比较清晰，HTML + JavaScript混合写的，页面不大，但该有的都有。别忘了把 EasyUI 和 jQuery 的 JS 包引进去，比如jquery.easyui.min.js这种。
要注意一点：树形数据太大时，最好加个延迟加载，或者分页展示，不然初始加载慢得让人抓狂。如果你数据量不大，那倒不用太担心，搜索一下就出来了。
如果你正在搞权限管理、组织架构选择这类功能，easyui_combotree_search真的可以试试，挺实用的，改一改就能直接用上。
文件大小：50.09KB
评论区