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

1、实现源码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. 	<title>zTree实现基本树</title>
  5. 	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6. 	<link rel="stylesheet" type="text/css" href="../../../css/demo.css">
  7. 	<link rel="stylesheet" type="text/css" href="../../../css/zTreeStyle/zTreeStyle.css">
  8. 	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
  9. 	<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
  10. 	<script type="text/javascript">
  11. 		<!--
  12. 		var setting = {
  13. 			data: {
  14. 				simpleData: {
  15. 					enable: true
  16. 				}
  17. 			}
  18. 		};
  19.  
  20. 		var zNodes =[
  21. 			{ id:1, pId:0, name:"湖北省", open:true},
  22. 			{ id:11, pId:1, name:"武汉市", open:true},
  23. 			{ id:111, pId:11, name:"汉口"},
  24. 			{ id:112, pId:11, name:"汉阳"},
  25. 			{ id:113, pId:11, name:"武昌"},
  26. 			{ id:12, pId:1, name:"黄石市"},
  27. 			{ id:121, pId:12, name:"黄石港区"},
  28. 			{ id:122, pId:12, name:"西塞山区"},
  29. 			{ id:123, pId:12, name:"下陆区"},
  30. 			{ id:124, pId:12, name:"铁山区"},
  31. 			{ id:13, pId:1, name:"黄冈市"},
  32. 			{ id:131, pId:13, name:"黄州区"},
  33. 			{ id:132, pId:13, name:"麻城市"},
  34. 			{ id:133, pId:13, name:"武穴市"},
  35. 			{ id:134, pId:13, name:"团风县"},
  36. 			{ id:135, pId:13, name:"浠水县"},
  37. 			{ id:136, pId:13, name:"罗田县"},
  38. 			{ id:137, pId:13, name:"英山县"},
  39. 			{ id:2, pId:0, name:"湖南省", open:true},
  40. 			{ id:21, pId:2, name:"长沙市", open:true},
  41. 			{ id:211, pId:21, name:"芙蓉区"},
  42. 			{ id:212, pId:21, name:"天心区"},
  43. 			{ id:213, pId:21, name:"岳麓区"},
  44. 			{ id:214, pId:21, name:"开福区"},
  45. 			{ id:22, pId:2, name:"株洲市"},
  46. 			{ id:221, pId:22, name:"天元区"},
  47. 			{ id:222, pId:22, name:"荷塘区"},
  48. 			{ id:223, pId:22, name:"芦淞区"},
  49. 			{ id:224, pId:22, name:"石峰区"}
  50. 		];
  51.  
  52. 		$(document).ready(function(){
  53. 			$.fn.zTree.init($("#baseTree"), setting, zNodes);
  54. 		});
  55.  
  56. 		/**
  57. 		 *  更新根节点中第i个节点的名称
  58. 		 */
  59. 		function updateNodes()
  60. 		{
  61. 		    var treeObj = $.fn.zTree.getZTreeObj("baseTree");
  62. 		    //获取节点
  63. 			var nodes = treeObj.getNodes();
  64. 			if (nodes.length>0)
  65. 			{
  66. 			    for(var i=0;i<nodes.length;i++)
  67. 			    {
  68. 			        // 更新根节点中第i个节点的名称
  69. 			        nodes[i].name = "省份名称";
  70. 					treeObj.updateNode(nodes[i]);
  71. 			    }
  72. 			}
  73. 		}
  74. 		//-->
  75. 	</script>
  76.  </head>
  77.  
  78. <body>
  79. <div class="content_wrap">
  80. 	<div class="zTreeDemoBackground left">
  81. 		<ul id="baseTree" class="ztree" style="height: 300px; width:200px; overflow-y: auto"></ul>
  82. 		<input type="button" id="btn" onclick="updateNodes()" value="更新根节点中第i个节点的名称"/>
  83. 	</div>
  84. </div>
  85. </body>
  86. </html>

2、设计结果

（1）初始化

（2）单击按钮后

3、设计说明

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

zTree实现更新根节点中第i个节点的名称的更多相关文章

  1. asp.net中web.config配置节点大全详解

    最近网上找了一些关于Web.config配置节点的文章,发现很多都写的都比较零散,而且很少有说明各个配置节点的作用和用法.搜索了一下发现有一篇写的不错,这里引用一下 原文地址 http://www.c ...

  2. asp.net中web.config配置节点大全详解【转】

    web.config 文件查找规则: (1)如果在当前页面所在目录下存在web.config文件,查看是否存在所要查找的结点名称,如果存在返回结果并停止查找. (2)如果当前页面所在目录下不存在web ...

  3. zTree实现单独选中根节点中第一个节点

    zTree实现单独选中根节点中第一个节点 1.实现源码 <!DOCTYPE html> <html> <head> <title>zTree实现基本树& ...

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

    zTree实现获取当前选中的第一个节点在同级节点中的序号 1.实现源码 <!DOCTYPE html> <html> <head> <title>zTr ...

  5. zTree异步生成数据时无法获取到子节点的选中状态

    最近在项目中遇到一个问题,需求如下: 根据选中不同的人员(ID)向后台发送ajax请求,通过返回的数据来生成该人员的权限访问树,该树目录最少为3级目录,在生成的时候会自动勾选上次保存过的选中状态,点击 ...

  6. 如何使用XE2及更高版本中提供的自定义皮肤(样式)功能

    源:如何使用XE2及更高版本中提供的自定义皮肤(样式)功能 1. 制作样式文件: 点击 XE2+ 的 IDE 菜单上的 Tools-->Bitmap Style Designer, 打开设计器. ...

  7. zTree根据json选中节点，并且设置其他节点不可选

    首先,在适配目录树时,使用checkbox形式,配置代码如下: var settingCatalog = { check:{ enable: true }, data:{ simpleData:{ e ...

  8. [LeetCode] 671. 二叉树中第二小的节点 ☆(递归 合并)

    描述 给定一个非空特殊的二叉树,每个节点都是正数,并且每个节点的子节点数量只能为 2 或 0.如果一个节点有两个子节点的话,那么这个节点的值不大于它的子节点的值. 给出这样的一个二叉树,你需要输出所有 ...

  9. 二叉树中两节点的最近公共父节点(360的c++一面问题)

    面试官的问题:写一个函数  TreeNode* Find(TreeNode* root, TreeNode* p, TreeNode* q) ,返回二叉树中p和q的最近公共父节点. 本人反应:当时有点 ...

随机推荐

  1. c# HTTP技术

    种植头发能完全成活吗?头发上出现了掉落,头发变细等情况下是需要去看看是不是皮下的毛囊出了问题,要解决这个头发脱发上,选择植发的方式能有效改善,不过也不要小看这个头发脱发,脱发后如果不加以做好毛发护理, ...

  2. 细说Django的admin

    在admin.py中只需要将地Model中某个类注册,即可在Admin中进行增删查改的功能,例如: admin.site.register(models.UserInfo) 这种方式比较简单,如果想要 ...

  3. wpf图片浏览器，实现缩放平移操作图片切换等功能

    wpf经常要用到控件来查看图片,尤其是高清图片,于是做了一个例子: 1.定义图片的队列,用list来存. private readonly List<string> files; 2.切换 ...

  4. Yii AR中处理多表关联的relations配置

    关系型 Active Record官方文档中指出: 两张表之间的关联是根据外键来的,但是这种外键关联虽然在数据容错方面有益处,但是在性能上是个损伤,所以,一般是不定义外键的. 这种情况下,他们之间的关 ...

  5. python+xlsxwriter+PIL自动压图贴图到Excel小工具

    一.环境 windows10/mac + python3.6 python第三方库 xlsxwriter.PIL.argparse 二.需求 1.运行每条测试case成功与否都需要把截图放在img文件 ...

  6. Why Are Thread.stop, Thread.suspend, Thread.resume and Runtime.runFinalizersOnExit Deprecated ?

    Thread.stop, Thread.suspend, Thread.resume被标记为废弃的方法.在查看JDK的文档时,提到了下面的参考文章,先是英文版,接着是中文翻译. Why is Thre ...

  7. linux指令札记

    1.有关文件压缩解压缩:Linux下自带了一个unzip的程序可以解压缩文件,解压命令是:unzip filename.zip 同样也提供了一个zip程序压缩zip文件,命令是 zip filenam ...

  8. 百度地图api 区级以下行政区划

    我们在使用百度地图api想要展示苏州市吴中区各乡镇的行政区范围: 百度api有提供了“添加行政区划”的示例:http://lbsyun.baidu.com/jsdemo.htm#c1_10 但该功能目 ...

  9. 对JavaScript中的静态属性和原型属性的理解

    首先是在访问上的区别,当访问实例对象的某个属性但它本身没有时,它就会到原型中去查找,但不会去查找静态属性. // 实例对象不会去查找静态属性 function Foo(){} Foo.a = 1; v ...

  10. 正负样本比率失衡SMOTE

    正负样本比率失衡SMOTE [TOC] 背景 这几天测试天池的优惠券预测数据在dnn上面会不会比集成树有较好的效果,但是正负样本差距太大,而处理这种情况的一般有欠抽样和过抽样,这里主要讲过抽样,过抽样 ...