`

ztree获取当前选中节点及所有父节点

    博客分类:
  • js
 
阅读更多

获得当前选中节点路径,如部门库〉新闻部〉文字稿:

树如下图:



 js:

var curLocation="";//当前位置

var treeObj = $.fn.zTree.getZTreeObj("rs_tree");
	var nodes = treeObj.getSelectedNodes();
	if(nodes.length>0){
		var allNode = nodes[0]['text'];//获取当前选中节点
		var node = nodes[0].getParentNode();
		getParentNodes(node,allNode);
	}
	var location = "";
	var nodeArrs = curLocation.split(">");
	for(var i=nodeArrs.length-1;i>=0;i--){
		location += nodeArrs[i]+">";
	}
	location = location.substring(0, location.lastIndexOf(">"));
alert(location);

 

function getParentNodes(node,allNode){
	if(node!=null){
		allNode += ">"+node['text'];
		curNode = node.getParentNode();
		getParentNodes(curNode,allNode);
	}else{
		//根节点
		curLocation = allNode;
	}
}

 结果:location:  部门库>政治部>国内

  • 大小: 3.3 KB
分享到:
评论

相关推荐

    js树插件zTree获取所有选中节点数据的方法

    **js树插件zTree获取所有选中节点数据的方法** zTree是一款基于JavaScript的树状图组件,它具有丰富的功能和良好的性能,被广泛应用于网页中的数据展示和交互操作。在实际开发中,我们常常需要获取用户在树结构中...

    jQuery插件zTree实现单独选中根节点中第一个节点示例

    在`selectNodes`函数内部,我们可以使用`treeObj.getSelectedNodes()`来获取当前被选中的节点,或者使用`treeObj.selectNode(node)`来选中特定的节点。为了选中根节点的第一个子节点,我们需要先找到根节点(pId为0...

    jQuery插件zTree实现清空选中第一个节点所有子节点的方法

    【jQuery插件zTree】是用于构建交互式树形...总的来说,jQuery插件zTree提供了一种高效且灵活的方式来构建和操作树形结构,并且通过自定义函数,我们可以轻松地实现清空选中节点子节点等特定需求,从而提高用户体验。

    jquery ztree 根目录只能够添加一级目录,子节点添加新的节点到当前节点下方

    2. **数据格式**:ZTree需要的数据格式通常包含`id`、`pId`(父节点ID)和`name`等字段。如果数据缺少`pId`,ZTree可能会默认所有节点都是根节点。检查你的数据结构,确保每个节点都有正确的父节点引用。 3. **添加...

    jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法

    在本文中,我们将深入探讨如何使用jQuery插件zTree来实现获取当前选中节点在同级节点中的序号。zTree是一款强大的JavaScript树状菜单组件,它提供了丰富的配置选项和功能,包括节点的操作、事件监听等。对于需要处理...

    ztree节点后面复选下拉框

    同时,`check.chkboxType`用于控制父节点和子节点的复选状态联动关系,例如`{ "Y": "ps", "N": "ps" }`表示父节点被选中时,所有子节点都被选中,反之则全取消。 下拉框的添加则可能需要自定义扩展ZTree的功能,...

    zTree获取当前节点的下一级子节点数实例

    在本文中,我们将深入探讨如何使用zTree这个流行的JavaScript插件来获取当前节点的下一级子节点数。zTree是一款功能强大的树形控件,它提供了丰富的API接口和灵活的配置选项,使得开发者能够轻松地在网页中创建交互...

    后台获取ZTREE选中节点的方法

    在JavaScript前端开发中,ZTREE是...了解以上知识点后,你应该能够有效地在后台获取ZTREE选中节点的信息,结合实际业务需求,进行更复杂的数据处理和交互。记住,良好的前端与后端通信是提高用户体验和系统效率的关键。

    ztree-select下拉框

    数据源通常是一个JSON格式的数组,每个元素代表树中的一个节点,包含ID、父ID、文本、是否被选中等属性。通过这些属性,`ZTree`可以构建出层次关系,并根据用户的选择更新状态。 在使用`ztree-select`时,需要注意...

    Ztree利用getNodesByFilter进行js搜索 搜索父级隐藏

    执行模式可以是`'all'`(默认,检查所有节点)、`'self'`(只检查当前节点)或`'parent'`(检查父节点)。 4. **处理结果**:`getNodesByFilter`会返回一个节点数组,包含所有满足条件的节点。我们需要遍历这个数组...

    在父页面得到zTree已选中的节点的方法

    `checkedNodesInIframe`就是`<iframe>`内zTree选中节点的数组。 注意,这里提到的`window.zTreeObj`是假设zTree在`<iframe>`中全局暴露了这个变量。在实际应用中,你可能需要根据实际的代码结构来调整访问方式,...

    带搜索的ztree 结果高亮

    ZTree通过JSON数据格式来表示树节点,每个节点包括ID、父ID、名称、状态等属性。通过JavaScript API,我们可以动态加载、添加、删除和修改这些节点。在HTML页面中,ZTree会根据这些数据生成对应的DOM元素,展示为树...

    zTree实现节点修改的实时刷新功能

    refreshParentNode()函数用于刷新当前选择节点的父节点,首先获取当前被选中的节点数据集合,然后根据zTree的唯一标识tId快速获取节点JSON数据对象,最后选中指定节点并刷新其父节点。 3、涉及的方法详解 zTree...

    ztree获取选中节点时不能进入可视区域出现BUG如何解决

    在使用 zTree 这个基于 jQuery 的多功能树插件时,可能会遇到一些问题,比如“ztree获取选中节点时不能进入可视区域”的错误。这个错误通常发生在试图获取或显示选中的节点,但节点没有正确地滚动到视图可见区域的...

    结合ztree的下拉框树形结构数据多选,单选

    { id: 1, pId: 0, name: "父节点1", open: true }, // 更多子节点... ]; $.fn.zTree.init($("#treeDemo"), setting, zNodes); ``` 而使用Ajax动态加载数据,你可以在`beforeAsync`回调函数中处理请求,并在`...

    zTree-zTree_v3-master.zip_ztree_多功能插件

    8. **API接口**:zTree提供了一系列的JavaScript API接口,开发者可以通过调用这些接口来实现与zTree的交互,如获取选中节点、获取父节点等。 总的来说,zTree_v3是一个强大而全面的jQuery树插件,无论是对于新手...

    zTree树的Demo及全部文档

    - **获取数据**:`treeObj.getNodes()`获取所有节点,`treeObj.getSelectedNodes()`获取已选中的节点等。 - **触发事件**:如`treeObj.bind()`绑定事件,如`onClick`点击事件,`onCheck`复选框状态改变事件等。 4...

    Ztree增删改查

    除了上述基本操作,ZTree还提供了许多其他功能,如节点的展开/折叠、全选/全取消选择、获取选中节点、获取父节点等。这些操作都通过对应的API接口完成,例如: - `treeObj.expandNode(node, isExpand, isSilent, ...

Global site tag (gtag.js) - Google Analytics