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>
Json数据产生树形结构的更多相关文章
- Java编程:将具有父子关系的数据库表数据转换为树形结构,支持无限层级
在平时的开发工作中,经常遇到这样一个场景,在数据库中存储了具有父子关系的数据,需要将这些数据以树形结构的形式在界面上进行展示.本文的目的是提供了一个通用的编程模型,解决将具有父子关系的数据转换成树形结 ...
- 简单的JSON数组转树形结构
function toTree(data) { let result = [] if(!Array.isArray(data)) { return result } data.forEach(item ...
- 后台返回平铺数据,如何转换成树形json并渲染树形结构,ant tree 异步加载
如何后台返回对象数组(平铺式) 1.根据字段标识(板块)获取根节点 ### initTreeData(dataOrg){ var resultArr=dataOrg[0] var secArr=[]; ...
- Delphi中根据分类数据生成树形结构的最优方法
一. 引言: TreeView控件适合于表示具有多层次关系的数据.它以简洁的界面,表现形式清晰.形象,操作简单而深受用户喜爱.而且用它可以实现ListView.ListBox所无法实现的很多功能 ...
- EasyUI_tree根据数据库数据生成树形结构JSON格式
@Entitypublic class PubComp { @Id private String aguid; // 菜单ID private String pguid; // 父菜单 private ...
- 使用java开源包解析ifc并获取数据(树形结构)
import java.io.File;import java.util.Collection;import java.util.Enumeration;import java.util.HashM ...
- 拿来即用:用C+JS结构来处理JSON数据
[面对的问题] 在物联网产品的开发过程中,对JSON格式的数据处理是一个强需求,例如亚马逊的 AWS IOT平台,设备与后台之间的通讯数据都是JSON格式,先瞄一眼大概的样子: 这是一个真实产品的通讯 ...
- java将list转为树形结构的方法
目录 1.通过转化成json封装数据 2.通过java8 stream转换 1.通过转化成json封装数据 原始数据如下 [ { "name":"甘肃省", & ...
- EasyUI之树形结构tree
转自:https://blog.csdn.net/ya_1249463314/article/details/70305730 版权声明:本文为博主原创文章,未经博主允许不得转载. https://b ...
随机推荐
- sbadmin表单事件
Form表单 自定义表单 <from action="" method="'><!--- 这里可以用表单组件快速生成表单元素哦 ...
- 数据挖掘算法——Apriori算法
Apriori算法 首先,Apriori算法是关联规则挖掘中很基础也很经典的一个算法. 转载来自:链接:https://www.jianshu.com/p/26d61b83492e 所以做如下补充: ...
- Django——RESTful架构
一.REST简述 来自维基百科的解释: 表现层状态转换(REST,英文:Representational State Transfer)是Roy Thomas Fielding博士于2000年在他的博 ...
- MVC:添加Html辅助器
本文的方法来自 <精通asp.net Mvc5>. 一.添加视图模型 为了支持Html辅助器方法,可以把可用页面数,当前面,以及存储库中产品数等信息传递给视图.在Model文件夹内增加一个 ...
- Go语言基础之流程控制
Go语言基础之流程控制 流程控制是每种编程语言控制逻辑走向和执行次序的重要部分,流程控制可以说是一门语言的“经脉”. Go语言中最常用额流程控制有if和for,而switch和goto主要是为了简化代 ...
- [LeetCode] Serialize and Deserialize N-ary Tree N叉搜索树的序列化和去序列化
Serialization is the process of converting a data structure or object into a sequence of bits so tha ...
- java知识库
完善自己的成长之路,建立一套属于自己的系统知识体系,温故而知新. --HBX 1.java特性 2.java程序设计环境 3.java基本的设计结构 4.类与对象 参考资料:<java核心技术( ...
- SPFA找最大比例环
SPFA找最大比例环 ans=Σ点权/Σ边权 所以 可以变式为 Σ边权*ans-Σ点权=0 要找出最大的ans 可以二分 边权值变为 目的地点权-ans*边权 检查是否有负环 有则可以更优 #incl ...
- Asch PK Lisk系列之一:安全性
在币圈,听到对数字货币的质疑之声从来没少过.为什么有人会质疑呢?他们列出了很多理由(以下四点内容摘自网络): 数字货币是依附于网络的,而中国并没有独立自主的网络技术,容易被敌对势力利用数字货币损害中国 ...
- Cmake用法
目录 1,Cmake introduce 1.1 常用的目录结构 2,CMakeLists.txt文件的写法 Cmake 常用命令 Scripting Commands set include Pro ...