<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>ZTrees.html</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

	<script src="js/jquery-1.7.2.js"></script>

	<script src="js/zTree/js/jquery.ztree.core-3.3.js"></script>

	<script src="js/zTree/js/jquery.ztree.excheck-3.3.js"></script>

	<link rel="stylesheet" href="js/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css"/>

		<script type="text/javascript">

		var setting={

			check:{

				enable:true,

				chkStyle:"checkbox",

				chkboxType:{

					"Y":"ps",

					"N":"ps"

				}

			},

			data:{

				simpleData:{

					enable:true

				}

			}

		}

			$(function(){

				var zNodes=eval("[{'id':'01','name':'系统列表','pId':'','open':true,'checked':false},{'id':'0101','name':'系统首页','pId':'01','open':true,'checked':false},{'id':'0102','name':'系统管理','pId':'01','open':true,'checked':false},{'id':'010201','name':'用户管理','pId':'0102','open':true,'checked':false}]");

				var ZNodes=eval("[{'id':'01','name':'系统列表','pId':'','open':true,'checked':false,'children':[{'id':'0101','name':'系统首页','pId':'01','open':true,'checked':false},{'id':'0102','name':'系统管理','pId':'01','open':true,'checked':false,'children':[{'id':'010201','name':'用户管理','pId':'0102','open':'true','checked':false}]}]}]");

				$.fn.zTree.init($("#newTree"),setting,ZNodes);

			});

		</script>

  </head>

  <body>

  	<dir>

  		<ul id="newTree" class="ztree"></ul>

  	</dir>

	    	[{'id':'01','name':'系统列表','pId':'','open':true,'checked':false},{'id':'0101','name':'系统首页','pId':'01','open':true,'checked':false},{'id':'0102','name':'系统管理','pId':'01','open':true,'checked':false},{'id':'010201','name':'用户管理','pId':'0102','open':true,'checked':false}]

  			[{'id':'01','name':'系统列表','pId':'','open':true,'checked':false,'children':[{'id':'0101','name':'系统首页','pId':'01','open':true,'checked':false},{'id':'0102','name':'系统管理','pId':'01','open':true,'checked':false,'children':[{'id':'010201','name':'用户管理','pId':'0102','open':'true','checked':false}]}]}]

  </body>

</html>

　　

Json数据产生树形结构的更多相关文章

  1. Java编程：将具有父子关系的数据库表数据转换为树形结构，支持无限层级

    在平时的开发工作中,经常遇到这样一个场景,在数据库中存储了具有父子关系的数据,需要将这些数据以树形结构的形式在界面上进行展示.本文的目的是提供了一个通用的编程模型,解决将具有父子关系的数据转换成树形结 ...

  2. 简单的JSON数组转树形结构

    function toTree(data) { let result = [] if(!Array.isArray(data)) { return result } data.forEach(item ...

  3. 后台返回平铺数据，如何转换成树形json并渲染树形结构，ant tree 异步加载

    如何后台返回对象数组(平铺式) 1.根据字段标识(板块)获取根节点 ### initTreeData(dataOrg){ var resultArr=dataOrg[0] var secArr=[]; ...

  4. Delphi中根据分类数据生成树形结构的最优方法

    一. 引言:    TreeView控件适合于表示具有多层次关系的数据.它以简洁的界面,表现形式清晰.形象,操作简单而深受用户喜爱.而且用它可以实现ListView.ListBox所无法实现的很多功能 ...

  5. EasyUI_tree根据数据库数据生成树形结构JSON格式

    @Entitypublic class PubComp { @Id private String aguid; // 菜单ID private String pguid; // 父菜单 private ...

  6. 使用java开源包解析ifc并获取数据（树形结构）

     import java.io.File;import java.util.Collection;import java.util.Enumeration;import java.util.HashM ...

  7. 拿来即用：用C+JS结构来处理JSON数据

    [面对的问题] 在物联网产品的开发过程中,对JSON格式的数据处理是一个强需求,例如亚马逊的 AWS IOT平台,设备与后台之间的通讯数据都是JSON格式,先瞄一眼大概的样子: 这是一个真实产品的通讯 ...

  8. java将list转为树形结构的方法

    目录 1.通过转化成json封装数据 2.通过java8 stream转换 1.通过转化成json封装数据 原始数据如下 [ { "name":"甘肃省", & ...

  9. EasyUI之树形结构tree

    转自:https://blog.csdn.net/ya_1249463314/article/details/70305730 版权声明:本文为博主原创文章,未经博主允许不得转载. https://b ...

随机推荐

  1. 用Margin还是用Padding？（转载）

    转载出自 海玉的博客 本文地址: http://www.hicss.net/use-margin-or-padding/ 用margin还是用padding这个问题是每个学习CSS进阶时的必经之路. ...

  2. 解读vscode断点调试配置文件【待续】

    一.参考链接 https://code.visualstudio.com/Docs/editor/debugging https://code.visualstudio.com/docs/nodejs ...

  3. java实现单链表反转（倒置）

    据说单链表反转问题面试中经常问,而链表这个东西相对于数组的确稍微难想象,因此今天纪录一下单链表反转的代码. 1,先定义一个节点类. 1 public class Node { 2 int index; ...

  4. Spring 使用 feign时设置header信息

    最近使用 SpringBoot 项目,把一些 http 请求转为 使用 feign方式.但是遇到一个问题:个别请求是要设置header的. 于是,查看官方文档和博客,大致推荐两种方式.也可能是我没看明 ...

  5. 8、vue路由跳转 params与query 路由传参

    params与query router文件下index.js里面,是这么定义路由的: { path: '/about', name: 'About', component: About } 用quer ...

  6. reference to 'map' is ambiguous|

    reference to 'map' is ambiguous| c++编译出现此错误    表明定义的变量名字map和库函数map冲突而产生歧义

  7. python hashlib模块 md5加密 sha256加密 sha1加密 sha512加密 sha384加密 MD5加盐

      python hashlib模块   hashlib hashlib主要提供字符加密功能,将md5和sha模块整合到了一起,支持md5,sha1, sha224, sha256, sha384, ...

  8. USACO1.4 1.5 搜索剪枝与数字 洛谷OJ P1214 P1215 P1217 P1218

    USACO1.4 题解 Arithmetic Progressions 题意 让你求长为n的由小于2*m*m的双平方数组成的等差数列有几个 双平方数:形如 B=P*P+Q*Q,p,q>0的数 题 ...

  9. go/wiki/MutexOrChannel Golang并发：选channel还是选锁？

    https://mp.weixin.qq.com/s/JcED2qgJEj8LaBckVZBhDA https://github.com/golang/go/wiki/MutexOrChannel M ...

  10. Lambda Expression

    Java 8的一个大亮点是引入Lambda表达式,使用它设计的代码会更加简洁.当开发者在编写Lambda表达式时,也会随之被编译成一个函数式接口.下面这个例子就是使用Lambda语法来代替匿名的内部类 ...