正文

zTree实现获取当前选中的第一个节点在同级节点中的序号

IP云
IP云V管理员/4 阅读
08/01
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

zTree实现获取当前选中的第一个节点在同级节点中的序号

1、实现源码

<!DOCTYPE html><html><head><title>zTree实现基本树</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><link rel="stylesheet" type="text/css" href="../../../css/demo.css"><link rel="stylesheet" type="text/css" href="../../../css/zTreeStyle/zTreeStyle.css"><script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script><script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script><script type="text/javascript"><!--var setting = {data: {simpleData: {enable: true}}};var zNodes =[{ id:1, pId:0, name:"湖北省", open:true},{ id:11, pId:1, name:"武汉市", open:true},{ id:111, pId:11, name:"汉口"},{ id:112, pId:11, name:"汉阳"},{ id:113, pId:11, name:"武昌"},{ id:12, pId:1, name:"黄石市"},{ id:121, pId:12, name:"黄石港区"},{ id:122, pId:12, name:"西塞山区"},{ id:123, pId:12, name:"下陆区"},{ id:124, pId:12, name:"铁山区"},{ id:13, pId:1, name:"黄冈市"},{ id:131, pId:13, name:"黄州区"},{ id:132, pId:13, name:"麻城市"},{ id:133, pId:13, name:"武穴市"},{ id:134, pId:13, name:"团风县"},{ id:135, pId:13, name:"浠水县"},{ id:136, pId:13, name:"罗田县"},{ id:137, pId:13, name:"英山县"},{ id:2, pId:0, name:"湖南省", open:true},{ id:21, pId:2, name:"长沙市", open:true},{ id:211, pId:21, name:"芙蓉区"},{ id:212, pId:21, name:"天心区"},{ id:213, pId:21, name:"岳麓区"},{ id:214, pId:21, name:"开福区"},{ id:22, pId:2, name:"株洲市"},{ id:221, pId:22, name:"天元区"},{ id:222, pId:22, name:"荷塘区"},{ id:223, pId:22, name:"芦淞区"},{ id:224, pId:22, name:"石峰区"}];$(document).ready(function(){$.fn.zTree.init($("#baseTree"), setting, zNodes);});/** * 获取当前选中的第一个节点在同级节点中的序号 */function indexNodes(){ var treeObj = $.fn.zTree.getZTreeObj("baseTree"); //获取选中的节点var nodes = treeObj.getSelectedNodes();if (nodes.length>0){ for(var i=0;i<nodes.length;i++) { var index = treeObj.getNodeIndex(nodes[i]); alert("获取当前选中的第一个节点在同级节点中的序号："+index); }}}//--></script> </head><body><div class="content_wrap"><div class="zTreeDemoBackground left"><ul id="baseTree" class="ztree" style="height: 300px; width:200px; overflow-y: auto"></ul><input type="button" id="btn" onclick="indexNodes()" value="获取当前选中的第一个节点在同级节点中的序号"/></div></div></body></html>

2、实现结果

（1）初始化

（2）选择“汉口”时

（3）选择“汉阳”时

3、源码说明

var index = treeObj.getNodeIndex(nodes[i]);alert("获取当前选中的第一个节点在同级节点中的序号："+index);