<!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. webpack4的总结

    1. https://juejin.im/post/5c1fa158f265da613c09cb36

  2. C#使用CefSharp碰到的坑(一)

    使用CEFSharp做模拟提交的话,在高版本下会出现一个神奇的错误: 如果站点使用的是阿里提供的验证控件的话,就是那种拖动条的,如果是使用CEFSharp的新版本的(目前我是测试过70的) ,会出现拖 ...

  3. [深度学习入门]batch_size的意义

    转自->https://www.zhihu.com/question/32673260

  4. 编程菜鸟的日记-初学尝试编程-C++ Primer Plus 第6章编程练习3

    #include <iostream> using namespace std; void showmenu(void) { cout<<"Please enter ...

  5. 小甲鱼Python第十七讲课后习题

    笔记: 1.分清楚形参和实参 2.函数文档:是函数的一部分,于解释不同,使用help(函数名)或者 函数名__doc__可以查看到 3.关键字参数(在一个函数的参数较多的时候作用比较明显): 给参数的 ...

  6. Java作业二(2017-9-18)

    /*程序员龚猛,求整数各个位上的和*/ import java.util.Scanner; public class Helloworld{ public static void main(Strin ...

  7. python连接服务器上传文件,后台执行命令

    上传文件 import os import paramikoimport logging from django.core.cache import cache from YunTai import ...

  8. C#的托管与非托管大难点

    托管代码与非托管代码 众所周知,我们正常编程所用的高级语言,是无法被计算机识别的.需要先将高级语言翻译为机器语言,才能被机器理解和运行.在标准C/C++中,编译过程是这样的:源代码首先经过预处理器,对 ...

  9. onu-reg-unreg.vbs

    Sub Main crt.Sleep 10000 Dim cnt For cnt = 0 To 1000000 crt.screen.Send "admin-status down" ...

  10. mongodb 参数优化

    1.大部分IO操作为随机IO,建议采用SSD或PCIE,普通硬盘RAID10 2.IO调度算法.普通磁盘:deadline避免IO请求出现“饥饿”现象,SSD/PCIE:noop简单的先进先出处理请求 ...