`

ztree使用记录

 
阅读更多
ztree获取当前节点下的所有子节点id http://greatpwx.iteye.com/blog/1763114

var setting = {
				data: {
					simpleData: {
						enable: true
					}
				},
				view: {
					showIcon: false
				},
				callback:{
					onClick:function zTreeOnClick(event, treeId, treeNode){
					    alert(treeNode.tId + ", " + treeNode.name+", "+treeId);
					    var ids=[];
					    ids=getChildren(ids,treeNode);
					   
					}
 
					
				},
				check: {
					enable: true,
					autoCheckTrigger:false,
					chkboxType:{ "Y":"ps", "N":"ps" }
				}
				
			};
 
//ids是一个数组 返回结果数组     treeNode是选中的节点
		function getChildren(ids,treeNode){
			ids.push(treeNode.id);
			 if (treeNode.isParent){
					for(var obj in treeNode.children){
						getChildren(ids,treeNode.children[obj]);
					}
			    }
			 return ids;
		}


ztree根据treeId展开指定节点并触发单击事件 http://www.cnblogs.com/PEIYANGXINQU/p/3629476.html
ztree.expandNode(ztree.getNodeByParam("id",treeId,null));//展开指定节点
ztree.selectNode(ztree.getNodeByParam("id",treeId,null));//选中指定节点

ztree.setting.callback.onClick(null, ztree.setting.treeId, ztree.getNodeByParam("id",treeId,null));//触发函数


获取和选择并触发时间叶子节点
/**
         *选中并触发某个节点 
         */
        selectSingleNode:function(treeId, id){
        	 var treeObj = $.fn.zTree.getZTreeObj(treeId);
             var arr = treeObj.transformToArray(treeObj.getNodes());
             for(var i=0; i<arr.length; i++){
             	if(arr[i].id==id){
             		treeObj.selectNode(arr[i]);
        	 		treeObj.setting.callback.onClick(null, treeId, arr[i],1);
             		return;
             	}
             }
        },
        /**
         *选中第一个叶子节点,并触发事件. 
         */
        selectFirstLeafNode:function(treeId){
        	 var treeObj = $.fn.zTree.getZTreeObj(treeId);
        	 var node = $.TreeUtils.getFirstLeafNode(treeId);
        	 treeObj.selectNode(node);
        	 treeObj.setting.callback.onClick(null, treeId, node,1);
        },
        /**
         *获得第一个叶子节点 
         */
        getFirstLeafNode: function (treeId) {
            var treeObj = $.fn.zTree.getZTreeObj(treeId);
            var nodes = treeObj.getNodes();
            if(nodes.length>0){
            	var node=nodes[0];
            	return $.TreeUtils._findFirstLeafNode(node);
            }
            return null;
        },
        _findFirstLeafNode:function(node){
        	if(node.isParent==true){
            	var childrenNode = node.children;
            	return $.TreeUtils._findFirstLeafNode(childrenNode[0]);
            }
            return node;
        }
分享到:
评论

相关推荐

    zTree权限的赋予

    zTree是一款非常流行的JavaScript树状插件,常用于构建动态、交互式的树形结构。本篇将重点讲解如何利用zTree实现权限的赋予,包括添加和删除功能,并探讨如何将其与后台管理系统无缝集成。 首先,zTree的核心功能...

    JQuery zTree v3.4 ztree

    - `demo`:包含多个演示实例,演示如何使用 zTree 实现各种功能。 总的来说,JQuery zTree v3.4 是一个强大且灵活的树形控件,能够为开发者提供便捷的方式来构建和管理树形数据结构。无论是在后台管理系统还是前端...

    ztree的相关文件

    9. **日志记录**:ZTree可以记录用户的操作历史,便于回溯和审计。 10. **脚本支持**:通过编写脚本,用户可以自动化执行一系列文件操作,提高工作效率。 对于初学者,了解并熟练使用ZTree的基本操作是至关重要的。...

    zTree-zTree_v3-master.zip

    5. **节点状态管理**:zTree可以记录节点的各种状态,如选中、半选中、禁用、高亮等,提供了丰富的API供开发者处理这些状态。 6. **节点事件**:zTree提供了一系列的事件处理机制,如点击节点、双击节点、拖拽节点...

    zTree源码包

    5. **节点状态管理**:zTree可以记录节点的各种状态,如选中、禁用、半选等,并提供相应的API进行状态的切换和查询。 6. **图标支持**:zTree支持自定义节点图标,包括打开、关闭、无子节点等不同状态的图标,这有...

    zTree的基本应用

    zTree是一款广泛应用于Web开发中的JavaScript树形插件,它以灵活、易用和功能强大而受到开发者们的青睐。在“zTree的基本应用”中,我们主要探讨的是如何利用zTree来实现各种基础功能,以及如何将其应用于邮箱系统中...

    zTree v3.5.15.zip

    例如,你可以通过创建XML数据来表示树节点,然后使用zTree的`$.fn.zTree.init()`方法初始化树结构,并使用`$.fn.zTree.getZTreeObj()`获取zTree对象,进行节点的添加、删除、展开、折叠等操作。同时,还可以利用...

    JQuery zTree v2.6

    这些示例涵盖了zTree的常用功能,如基本展示、多选、异步加载、拖拽排序等,开发者可以通过查看和运行这些示例,快速掌握zTree的使用方法。 总结,JQuery zTree v2.6是一款强大且易用的树形插件,它的API文档和实例...

    zTree后台组装树结构java代码

    以上就是关于"zTree后台组装树结构java代码"的主题知识,包括了zTree的使用、Java与MySQL的交互、递归算法构建树、Spring JDBC等内容。理解并掌握这些知识点,能够帮助开发者高效地构建基于zTree的树形界面。

    JQuery_zTree_v2.6.02.zip_V2 _javascrip_ztree

    4. 更新日志2.x.txt:记录了zTree v2.x版本的主要更新内容和修复的问题,可以帮助开发者了解新版本的改进,决定是否需要升级。 5. im286.com.txt:可能是官方网站的链接或者版权信息,具体作用需要查看文件内容来...

    JQuery zTree v2.6.zip

    3. **易用性**:通过API文档(zTreeAPI v2.6.01.chm)提供详尽的函数和方法说明,开发者可以轻松地学习和使用。文档中包含了各个函数的功能、参数说明以及示例代码,有助于快速上手。 4. **扩展性**:zTree支持...

    不同的jqueryztree

    `log v3.x.txt`可能记录了ZTree 3.x版本的调试日志,对于开发者来说,这是一个重要的参考资料,可以帮助排查错误和优化性能。 `QUI 框架介绍.txt`可能介绍了与ZTree兼容的前端框架QUI的相关信息。ZTree可以很好地...

    Ztree bootstrap风格,跨浏览器所有功能可用

    3. **用户体验**:根据用户反馈和使用习惯不断调整Ztree的操作逻辑和视觉效果,提升用户体验。 4. **文档记录**:对于自定义的功能和样式,建议编写详细的文档,以便于团队其他成员理解和维护。 总的来说,这个...

    jquery zTree

    下面是 v3.5.13 的修改记录: * 【增加】beforeRename & onRename 增加 isCancel 参数,可以监控用户 ESC 取消编辑的事件 * 【修改】初始化时 radioType="all", 父节点未展开 且 子节点有被勾选,点击其他 ...

    使用zTree框架完成树形框架链接到数据库实现增删改

    本示例将探讨如何使用`zTree`框架与数据库进行交互,实现数据的添加、删除和修改功能。 `zTree`框架的核心特性包括: 1. **灵活的配置**:`zTree`提供了丰富的配置选项,可以自定义节点的样式、图标、展开/折叠...

    ztree模糊查询

    【ztree 模糊查询】是一种在Web前端实现的高效、灵活的树形数据管理组件。...在实际开发中,根据具体需求,还可以扩展其他功能,如多条件查询、搜索历史记录、自定义高亮样式等,以增强系统的实用性和用户体验。

    zTree v2.6+API

    在zTree v2.6版本中,提供的"更新日志2.x.txt"记录了版本更新内容,便于跟踪最新特性;"jquery.ztree-2.6.js"和"jquery.ztree-2.6.min.js"分别是未压缩和压缩的脚本文件,用于引入到项目中;"demo"目录包含多个示例...

    ssh后台管理(zTree)

    这些代码可以帮助理解如何将SSH框架和zTree结合使用,例如如何配置Spring、Struts2和Hibernate,如何在Action中调用Service处理业务,以及如何在JSP页面上引入zTree并绑定数据。 在实际应用中,SSH后台管理(zTree...

    jquery ztree示例

    2. `更新日志2.x.txt`:记录了zTree 2.x版本的主要更新和改进,对于跟踪版本间的差异和新特性很有帮助。 ### 五、Demo 文件夹 `demo` 文件夹通常包含了一些预设的示例代码,展示了zTree的各种应用场景和配置方式。...

    日志管理系统【SSH2真实使用的项目--ztree--boostrap】---首发

    在本项目中,我们主要探讨的是...通过理解和实践这样的项目,开发者可以深入理解SSH2框架的使用,以及如何结合Ztree和Bootstrap来打造用户友好的界面。同时,对于Oracle数据库的使用和管理也是提升数据库技能的好机会。

Global site tag (gtag.js) - Google Analytics