通过获取输入框值,模糊查找树节点。
var count=0;
var lastName;
function searchTree(){
if(count==0){
lastName=document.getElementById("id").value;
}
if(lastName!=document.getElementById("id").value){
count=0;
lastName=document.getElementById("id").value;
}
var treeObj = $.fn.zTree.getZTreeObj("tree");
//通过名称模糊搜索,也可通过Id查找
var nodes = treeObj.transformToArray(treeObj.getNodesByParamFuzzy("name", lastName, null));
for(i = count; i < nodes.length; i++) {
count++;
if(count>=nodes.length){
count=0;
}
if(nodes[i].name.indexOf(lastName)!=-1){
treeObj.selectNode(nodes[i]);
if(nodes[i].icon=="xx.png"){
parent.mainFrame.location.href = "xx.jsp;
}else if(nodes[i].icon=="xx.png"){
parent.mainFrame.location.href = "xx.jsp";
}else if(nodes[i].icon=="xx.png"){
parent.mainFrame.location.href = "xx.jsp";
}
//实现自动打开
//treeObj.expandNode(nodes[i], false,false , false);
return;
}
}
}
分享到:
相关推荐
总结,"ztree树选中节点弹出层编辑"是ZTree实现的一种高效交互方式,它通过结合事件监听、弹出层管理和API调用来优化用户在树形数据管理中的体验。开发者可以根据具体业务需求,灵活地扩展和定制这一功能,以适应...
### Struts2 文档整理:ZTree树节点调用Iframe #### 一、概述 在Web开发过程中,经常需要构建具有层次结构的数据展示界面,例如文件管理器、组织架构等场景。`ZTree`是一款非常强大的前端插件,能够帮助开发者轻松...
ztree树界节点删除,移动 利用ztree插件对树节点进行删除,移动
本篇文章将深入探讨如何利用jQuery ZTree实现模糊查询功能,并对树上的节点添加过滤器。 首先,我们要理解jQuery ZTree的核心特性之一是其强大的数据管理能力。通过配置数据参数,我们可以定制树的展示方式,包括...
var zTree = $.fn.zTree.getZTreeObj("treeDemo"), type = { "Y":'ps', "N":'ps'}; zTree.setting.check.chkboxType = type; }); function aa(){ var treeObj=$.fn.zTree.getZTreeObj("treeDemo"); ...
本文将深入探讨如何使用ZTree实现左右两棵树之间的节点移动,包括节点的添加、删除以及同步更新的操作。 首先,ZTree是基于jQuery的插件,它的核心功能包括节点的增删改查、拖拽排序、多选、权限控制等。在实际应用...
### 解决ztree添加节点不显示问题 #### 一、问题背景 在使用zTree库进行前端开发时,可能会遇到一个常见的问题:当尝试通过zTree API动态添加新节点时,新添加的节点无法正常显示在界面上。这个问题在zTree的最新...
本文实例讲述了js树插件zTree获取所有选中节点数据的方法。分享给大家供大家参考。具体分析如下: 由于刚接触Tree方面的东西。在网上看到了zTree,是中国人写的。所以API肯定是中文的。而且评论也很好。所以尝试用...
本话题将深入探讨ZTree的完整展示以及如何对树节点进行增加、删除和修改操作,同时也包括树节点之间的拖拽功能。 一、ZTree的完整展示 ZTree的完整展示涉及到以下几个关键点: 1. 数据源:ZTree的数据源通常是一...
在提供的压缩包文件“zTree_Demo”中,可能包含了zTree的基本示例代码和配置,这些示例通常会演示如何初始化zTree,如何加载数据,如何处理节点的点击、选择和拖放事件,以及如何定制样式和行为。通过学习和理解这个...
在Java开发中,构建用户界面时,树形菜单和树形表格是常见且重要的组件,它们可以帮助用户以层次结构的方式浏览和操作数据。本篇将详细介绍如何利用Ztree和treeTable来实现这样的功能。 Ztree是一款基于JavaScript...
通过分析和运行这个示例,可以更好地理解和掌握ZTree模糊搜索的实现方法。 总之,ZTree模糊搜索功能是提高用户在大型树形结构中查找信息效率的有效手段。理解其背后的API、算法和事件处理,对于开发高质量的前端...
在本案例中,我们关注的是"带搜索的ztree 结果高亮"这一功能,这是一项增强用户交互体验的重要特性,使得用户能够快速定位和筛选树形数据。 首先,我们要理解ztree的基本结构和工作原理。ZTree通过JSON数据格式来...
在本项目中,"zTree树形菜单展开收缩插件"是其核心应用,主要特性包括节点的动态展开与收缩,以及支持关键字模糊查询筛选功能。 1. **zTree基本概念** - **树形结构**:zTree展示的数据结构为树状,每一级节点可以...
在本案例中,我们将深入探讨"zTree模糊查询Demo",它实现了动态搜索功能,可以高效地帮助用户查找并高亮显示符合搜索条件的节点,同时隐藏那些不匹配的节点。 模糊查询是用户输入关键词后,系统能够返回包含这些...
Bootstrap风格的zTree树形菜单代码是一款结合了流行的前端框架Bootstrap和强大的jQuery树形插件zTree的解决方案。zTree是一款轻量级的JavaScript组件,它能够帮助开发者快速构建出功能丰富的树形结构,适用于网站...
在"zTree树结构样例"中,我们将会探讨如何使用zTree进行简单的应用开发,包括节点的动态增删和操作。 1. **zTree基本结构**: zTree的数据结构基于JSON,每个节点包含id、pId(父节点id)、name(节点名称)等基本...
在前端,我们需要在用户输入关键字后,使用 ZTree 的 API 清除当前树的状态(如展开的节点),然后调用 `search.zTree('search', keyword)` 方法进行搜索。搜索完成后,ZTree 会自动高亮匹配的节点。 6. **样式...
在本项目中,我们主要探讨的是如何利用SpringMVC、Mybatis和Ztree技术来构建一个具有模糊搜索和异步加载功能的Web应用。这个应用的实现包括了后端服务的搭建、数据库的设计以及前端界面的展示。下面将对这些关键点...
6. 自定义功能:zTree提供了一些扩展方法,如`removeNode`(删除节点)、`addNode`(添加节点)、`editNode`(编辑节点),使得开发者可以自由地对树形结构进行增删改操作。 三、zTree Demo解析 压缩包中的“zTree_...