Json数据产生树形结构

<!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>

  

时间: 2024-10-25 13:33:29

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

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

一. 引言:    TreeView控件适合于表示具有多层次关系的数据.它以简洁的界面,表现形式清晰.形象,操作简单而深受用户喜爱.而且用它可以实现ListView.ListBox所无法实现的很多功能,因而受到广大程序员的青睐.    树形结构在Windows环境中被普遍应用,但在数据库开发中面对层次多.结构复杂的数据,如何快速构造树形目录并实现导航呢?    二. 实现关键技术:    在Delphi提供的控件中包含了TreeView控件,但树的具体形成还需要用户编写代码.即它的列表项要在程序

级联数据生成树形结构

原文地址:https://www.cnblogs.com/newlangwen/p/9969904.html Tree 结构 public class TreeNode { private Integer key; private String title; private Integer parentId; private List<TreeNode> children; public Integer getKey() { return key; } public String getTit

easyUI树形结构

树形结构是常见也是常用的,之前一直在使用但是基本都是调用别人写好的方法,好像也没调用太明白的感觉,这次在开发ITOO的时候终于研究了一番,发现其实要实现树形结构其实不是一件困难的事,而且实现方法也不是唯一的,之前大家都很倾向使用zTree,网上搜了一下发现zTtree是一个比较强大"树插件"但是觉得对于目前的我来说并不是很合适,首先我们的前台框架使用的easyUI,easyUI有自己的树形结构控件,再引入一个zTree没有多大的必要:而且对于我来说相对于js代码来说我更熟悉使用后台ja

iOS中将后台JSON数据转化为模型的总结

1. 再拿到了Json数据后怎么把字典写到数组里面去呢? 方法1:用最原始的方法 -(instancetype)initWithDict:(NSDictionary *)dict { if(self = [super init]) { [self setValuesForKeysWithDictionary:dict]; } return self; } +(instancetype)modelWithDict:(NSDictionary *)dict { return [[self alloc

将Json数据转换为ADO.NET DataSet对象

Json数据转换为ADO.NET DataSet其实方法有很多,Newtonsoft.Json也提供了DataSet的Converter用以转换Json数据.但是有些情况下DataSet Converter并不管用,而且也不一定能够满足项目需要.这里介绍另一种简单有效的方法,能够方便快速地将Json数据转为ADO.NET DataSet. 设计 事实上Newtonsoft.Json已经提供了一套完整的Json数据文档结构,Newtonsoft.Json.Linq命名空间下提供了这种文档结构的对象

「SQL归纳」树形结构表的存储与查询功能的实现——通过路径方法(非递归)

一.树形结构例子分析: 以360问答页面为例:http://wenda.so.com/c/ 我们通过观察URL,可以明确该页面的数据以树形结构存储,下面三块模块分别为: ①根节点 ②根节点的第一层子节点 ③为左侧所选择节点的下一层子节点 (图1) 该例简化的树形结构图如下: (图2) 我们不难发现,每当点击图1红框内的类别时,页面主体问题部分会显示该类别节点下所有子节点的问题.因此,需要实现查询出某节点所有子节点的功能. 二.表的存储: 需要存储两张表: 1.类别表 create table [

树形结构表的存储【转自:https://www.cnblogs.com/Tjna/p/9026980.html】

一.树形结构例子分析: 以360问答页面为例:http://wenda.so.com/c/ 我们通过观察URL,可以明确该页面的数据以树形结构存储,下面三块模块分别为: ①根节点 ②根节点的第一层子节点 ③为左侧所选择节点的下一层子节点 (图1) 该例简化的树形结构图如下: (图2) 我们不难发现,每当点击图1红框内的类别时,页面主体问题部分会显示该类别节点下所有子节点的问题.因此,需要实现查询出某节点所有子节点的功能. 二.表的存储: 需要存储两张表: 1.类别表 create table [

Go处理json数据

json数据格式 参见json数据格式说明. 如果没操作过json数据,建议先看下上面的文章,有助于理解本文后面的内容. Go json包 Marshal():Go数据对象 -> json数据 UnMarshal():Json数据 -> Go数据对象 func Marshal(v interface{}) ([]byte, error) func Unmarshal(data []byte, v interface{}) error 构建json数据 Marshal()和MarshalInde

Silverlight项目笔记7:xml/json数据解析、MVVM下实现多级树形结构TreeView、忽视引用类型导致数据绑定错误、通过流或动态空间加载图片、虚拟目录设置、silverlight安全机制引发的问题、WebClient缓存问题

涉及的内容主要有: 1.xml/json数据解析 2.多级树形结构TreeView 3.忽视引用类型导致数据绑定错误 4.通过流或动态空间加载图片 5.虚拟目录设置 6.silverlight安全机制引发的问题 7.webclient缓存问题 1.xml/json数据解析 (1)xml数据解析 使用WebClient获取数据,获取到的数据实例化为一个XDocument,使用XDocument的Descendants(XName)方法获得对应节点的数据集合,再通过Element这个方法对数据集合进