zTree的模糊搜索
来源:互联网 发布:淘宝卖家如何上传宝贝 编辑:程序博客网 时间:2024/05/17 12:48
<div class="jiansuo-cont clearfix">
<label for="" class="dis fl">检索:</label>
<input type="text" placeholder="" class="dis fl" id="keyword"/>
<button class="dis fl jiansuo-botton" type="button" onclick="filter()"></button>
</div>
var zTreeObj;
var setting = {data:{simpleData:{enable:true,idKey:"id",pIdKey:"pId",rootPId:'0'}},
callback:{onClick:function(event, treeId, treeNode){
var id = treeNode.id;
$("#officelist",window.parent.document).attr("src","${ctx}/yywh/tbSyDepartment/list?parent.id="+id+"&parent.departName="+treeNode.name);
}
}
};
//刷新
refreshTree();
function refreshTree(){
$.getJSON("${ctx}/yywh/tbSyDepartment/treeData",function(data){
zTreeObj = $.fn.zTree.init($("#ztree"), setting, data);
});
}
//模糊搜索
var hiddenNodes=[]; //用于存储被隐藏的结点
//过滤ztree显示数据
function filter(){
//显示上次搜索后背隐藏的结点
zTreeObj.showNodes(hiddenNodes);
//查找不符合条件的叶子节点
function filterFunc(node){
var _keywords=$("#keyword").val();
if(node.isParent||node.name.indexOf(_keywords)!=-1) {
return false;
} else {
return true;
};
};
//获取不符合条件的叶子结点
hiddenNodes=zTreeObj.getNodesByFilter(filterFunc);
<%-- hiddenNodes.splice(0,1); --%>
//隐藏不符合条件的叶子结点
zTreeObj.hideNodes(hiddenNodes);
};
效果:(保留所有父节点)
- zTree的模糊搜索
- zTree的模糊搜索
- zTree的模糊搜索
- ztree 树的模糊搜索
- zTree模糊搜索
- ztree模糊搜索
- ztree根据关键字模糊搜索
- zTree 模糊搜索并高亮文本
- ztree节点搜索模糊匹配[粘贴即可]
- zTree的搜索
- ztree 模糊搜索 子节点没有符合的时候同时隐藏父节点
- zTree实现模糊搜索并高亮显示
- 【ztree系列】树节点的模糊查询
- mogodb的模糊搜索
- zTree模糊查询
- ztree 实现树的搜索功能
- ztree模糊查询,只保留查询到的节点
- Ztree,异步逐级加载数据,连接数据库增删改,模糊搜索
- (块级格式化范围)[DIV/CSS] BFC
- jquery 开始与结束方法 loading窗
- MongoDB 聚合+管道
- 实际开发中,实用的辅助iOS开发的工具
- ios通过代码创建按钮
- zTree的模糊搜索
- 开发者必知的git基本命令
- 【一生的计划】读书笔记
- 字符串的匹配
- Redis实用教程之一---安装Redis
- The file or directory to be published does not exist: /data/vendor/bower/jquery/dist
- 从零开始学spring-理解IOC
- 如何设置mysql innodb 表的压缩
- clang/gcc 链接数学库