ztree使用记录

最新推荐文章于 2020-09-28 16:45:31 发布

原创最新推荐文章于 2020-09-28 16:45:31 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

145 篇文章

订阅专栏

本文介绍如何使用ZTree插件获取当前节点的所有子节点ID，并演示了如何根据ID展开指定节点并触发点击事件。同时提供了选中特定节点及首个叶子节点的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ztree获取当前节点下的所有子节点id [url]http://greatpwx.iteye.com/blog/1763114[/url]

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展开指定节点并触发单击事件 [url]http://www.cnblogs.com/PEIYANGXINQU/p/3629476.html[/url]

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;
        }