<!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. 我的第二本译作《精通OpenStack》上架啦：书籍介绍和译者序

    1. 书籍简介 英文书名:Mastering OpenStack Second Edition 作者:[德] 奥马尔-海德希尔(Omar Khedher)[印] 坚登-杜塔-乔杜里(Chanda Du ...

  2. leetcode刷题第一日<两数和问题>

    开始就用到了c++的哈希表是真的恶心,首先学习一波基础知识 https://blog.csdn.net/u010025211/article/details/46653519 下面放下大佬的代码 cl ...

  3. scrapy 爬虫返回json格式内容unicode编码转换为中文的问题解决

    最近在基于python3.6.5 的环境使用scrapy框架爬虫获取json数据,返回的数据是unicode格式的,在spider里面的parse接口中打印response.text出来如下: cla ...

  4. vi编辑器常用操作

    vi的三种模式 1.命令模式 2.编辑模式 3.末行模式(命令模式下,按":"即可进入末行模式) 命令模式到编辑模式:插入命令i,附加命令a,打开命令o,修改命令c,取代命令r,替 ...

  5. Ajax_简介： 异步的 JS 和 XML_原生写 ajax 分析其原理_jquery_ajax_art-template

    AJAX Asynchronous JavaScript And XML 通过 AJAX 可以在 浏览器中向 服务器 发送异步请求 一种 使用现有标准的 新方法,而非新语言 XML  可扩展标记语言 ...

  6. 隐藏用户建立（Powershell）

    最近做测试的时候发现,windows server2012 使用Mimikatz是直接抓不到明文密码的,而且,直接创建的账号登陆有时会碰到这个问题: ps:2012抓明文需要HKLM:\SYSTEM\ ...

  7. leetcode 单链表相关题目汇总

      leetcode-19-Remove Nth From End of List—移除链表中倒数第n个元素 leetcode-21-Merge Two Sorted Lists—两个已排序链表归并 ...

  8. Maven的安装、配置及使用入门+maven安装报错：JAVA_HOME【申明：来源于网络】

    Maven的安装.配置及使用入门+maven安装报错:JAVA_HOME[申明:来源于网络] Maven的安装.配置及使用入门:http://www.cnblogs.com/dcba1112/arch ...

  9. Dynamics 365 解决方案导出报错

    之前导出解决方案异常,按照CRM社区的方法解决成功,但是没有了解原因,今天看到有朋友解答了原因,也分享给大家 先来看看异常 我那时导出的是default解决方案,这是模拟 导出异常 “业务流程错误”- ...

  10. Lambda查询

    使用EF查询数据库,之前使用Linq表达式,现在改成另一个种方法查询:Lambda表达式 TestEntities db=new TestEntities(); ).FirstOrDefault(); ...