Json数据产生树形结构
Posted 李赞启
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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数据产生树形结构的主要内容，如果未能解决你的问题，请参考以下文章
JavaScript扁平数组结构转换成JSON树形结构无限极forEachpushchildren
Javascript中扁平化数据结构与JSON树形结构转换详解