zTree的模糊搜索
来源:互联网 发布:花园装饰品淘宝网 编辑:程序博客网 时间:2024/05/17 09:46
<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,异步逐级加载数据,连接数据库增删改,模糊搜索
- 使用Jenkins进行持续集成
- IOS 项目里面必要配置button 不能同时触发点击事件
- 一个网络的面试题
- Spring MVC的工作原理
- CGLIB介绍与原理
- zTree的模糊搜索
- TextView 背景设置无效解决
- 什么是区块链
- 基于XC7K325T数据预处理FMC载板PXIE载板在数据处理中应用
- JS数组去重复元素
- springmvc图片上传、jquery 图片上传预览
- 深度优先搜索练习之神奇的矩环
- 链表倒数的第K个结点
- CSS鼠标指针