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 ...
随机推荐
- 数据挖掘算法——Apriori算法
Apriori算法 首先,Apriori算法是关联规则挖掘中很基础也很经典的一个算法. 转载来自:链接:https://www.jianshu.com/p/26d61b83492e 所以做如下补充: ...
- PostgreSQL自学笔记:9 索引
9 索引 9.1 索引简介 索引是对数据库表中一列或多列值进行排序的一种结构,使用 索引可提高数据库中特定数据的查询速度 9.1.1 索引的含义和特点 索引是一种单独的.存储在磁盘上的数据库结构,他们 ...
- SpringCloud教程 | 第五篇: 路由网关(zuul)(Finchley版本)
在微服务架构中,需要几个基础的服务治理组件,包括服务注册与发现.服务消费.负载均衡.断路器.智能路由.配置管理等,由这几个基础组件相互协作,共同组建了一个简单的微服务系统.一个简答的微服务系统如下图: ...
- Urozero Autumn 2016. BAPC 2016
A. Airport Logistics 根据光路最快原理以及斯涅尔定律,可以得到从定点$P$进入某条直线的最佳入射角. 求出每个端点到每条线段的最佳点,建图求最短路即可. 时间复杂度$O(n^2\l ...
- 关于在虚拟机上安装ubuntu输入不了中文的问题
打开终端后,无法输入中文,按照网络上的教程 1.安装语言包 System Settings–>Language Support–>Install/Remove Languages 选中ch ...
- 移动端滑动效果 swiper 4.0.7
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" ...
- CSS3常用
1.user-select新增特性,主流浏览器都支持 -webkit-user-select: none; /* Chrome all / Safari all /opera15+*/ -moz- ...
- LeetCode第二题
题目描述: You are given two non-empty linked lists representing two non-negative integers. The digits ar ...
- Java_泛型
转自博客HappyCorn https://www.cnblogs.com/lwbqqyumidi/p/3837629.html 什么是泛型? 泛型,即“参数化类型”.一提到参数,最熟悉的就是定义方法 ...
- 2018-2019-20175307实验一《Java开发环境的熟悉》实验报告
实验内容与结果 一.Java开发环境的熟悉-1 1.实验要求: 0 参考实验要求 1 建立"自己学号exp1"的目录 2 在"自己学号exp1"目录下建立src ...