zTree实现更新根节点中第i个节点的名称

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);});/***  更新根节点中第i个节点的名称*/function updateNodes(){var treeObj = $.fn.zTree.getZTreeObj("baseTree");//获取节点var nodes = treeObj.getNodes();if (nodes.length>0) {for(var i=0;i<nodes.length;i++){// 更新根节点中第i个节点的名称nodes[i].name = "省份名称";treeObj.updateNode(nodes[i]);}}}//--></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" οnclick="updateNodes()" value="更新根节点中第i个节点的名称"/></div>
</div>
</body>
</html>

2、设计结果

（1）初始化

（2）单击按钮后

3、设计说明

// 更新根节点中第i个节点的名称
nodes[i].name = "省份名称";
treeObj.updateNode(nodes[i]);

zTree实现更新根节点中第i个节点的名称相关推荐

es6遍历树结构并判断_递归遍历树结构，从某个节点开始查找其子节点中的所有叶子节点...
背景现在项目中哟这样的一个需求,左边显示一棵树目录,点击目录的一级或二级节点,右边显示其子节点中的所有叶子节点,而且要求前端来做这个,不用调用接口请求了,那么,这里记录一下我的实现方法.点击叶子节点 ...
JS记坑 ----- 在父节点中添加删除子节点
场景:通过javascript为ul标签内动态增删li标签,我通过 liArr = ul.children; 获取了ul的存有所有子元素的类数组,但是在 appendChild().insert()和 ...
在Jackson中使用树模型节点(JsonNode)详解
1. Overview 本文将重点介绍如何在Jackson中使用树模型节点. 我们将使用JsonNode进行各种转换以及添加.修改和删除节点. 2. 创建一个节点创建节点的第一步是使用默认构造函数实 ...
asp.net中web.config配置节点大全详解
web.config 文件查找规则: (1)如果在当前页面所在目录下存在web.config文件,查看是否存在所要查找的结点名称,如果存在返回结果并停止查找. (2)如果当 ...
html dom节点取父节点,JavaScript DOM父子兄节点操作必看详解
首先我们知道网页中的所有内容都是节点(标签.属性.文本.注释等) ,之前我们已经说过了一些元素的获取方法比如element.getElementById(),element.querySelecto ...
jquery 获取父节点 html,jquery 获取父节点
在使用jquery时,很多时候都需要获取当前节点的父节点,包括直接父节点和祖先父节点.用的最多的方法是parent([expr])和parents([expr]).从方法的名字上就可以判断前一个方法是 ...
zTree实现单独选中根节点中第一个节点
zTree实现单独选中根节点中第一个节点 1.实现源代码 <!DOCTYPE html> <html> <head><title>zTree实现基本树& ...
LeetCode简单题之二叉树中第二小的节点
题目给定一个非空特殊的二叉树,每个节点都是正数,并且每个节点的子节点数量只能为 2 或 0.如果一个节点有两个子节点的话,那么该节点的值等于两个子节点中较小的一个. 更正式地说,即 root.val ...
二叉树中第二小的节点
给定一个非空特殊的二叉树,每个节点都是正数,并且每个节点的子节点数量只能为 2 或 0.如果一个节点有两个子节点的话,那么该节点的值等于两个子节点中较小的一个. 更正式地说,root.val = mi ...

zTree实现更新根节点中第i个节点的名称

zTree实现更新根节点中第i个节点的名称相关推荐

最新文章

热门文章