用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字

小蜜锋    -  云代码空间

—— 技术宅拯救世界!

jsTree的无限级树JSON数据的转换

2013-11-24|3034阅||

摘要:jstree 主页 :  http://www.jstree.com/ 其中提供了一种从后台取数据渲染成树的形式:  $("#mytree").tree({         data  : {           type  

jstree 主页 : 
http://www.jstree.com/ 

其中提供了一种从后台取数据渲染成树的形式: 
  1. $("#mytree").tree({  
  2.       data  : {  
  3.         type  : "json",  
  4.         url : "${ctx}/user/power!list.do"  
  5.       }  
  6. });  


对于url中返回的值必须是它定义的json数据形式: 
  1. $("#demo2").tree({  
  2.   data  : {  
  3.     type  : "json",  
  4.     json  : [   
  5.       { attributes: { id : "pjson_1" }, state: "open", data: "Root node 1", children : [  
  6.         { attributes: { id : "pjson_2" }, data: { title : "Custom icon", icon : "../media/images/ok.png" } },  
  7.         { attributes: { id : "pjson_3" }, data: "Child node 2" },  
  8.         { attributes: { id : "pjson_4" }, data: "Some other child node" }  
  9.       ]},   
  10.       { attributes: { id : "pjson_5" }, data: "Root node 2" }   
  11.     ]  
  12.   }  
  13. });  

这里需要一个从后台实例集合转换为它规定的json数据的形式. 
  1. /** 
  2.      * 无限递归获得jsTree的json字串 
  3.      *  
  4.      * @param parentId 
  5.      *            父权限id 6.8日修改 
  6.      * @return 
  7.      */  
  8.     private String getJson(long parentId)  
  9.     {  
  10.         List<Authority> list = authorityManager.queryByParentId(parentId);  
  11.         for (int i = 0; i < list.size(); i++)  
  12.         {  
  13.             Authority au = list.get(i);  
  14.             if (au.getIshaschild() == 1)  
  15.             {  
  16.                 str += "{attributes:{id:\"" + au.getAnid()  
  17.                         + "\"},state:\"open\",data:\"" + au.getAnname()  
  18.                         + "\" ,";  
  19.                 str += "children:[";  
  20.                 this.getJson(au.getAnid());  
  21.                 str += "]";  
  22.                 str += "   }";  
  23.             }  
  24.             else  
  25.             {  
  26.                 str += "{attributes:{id:\"" + au.getAnid()  
  27.                         + "\"},state:\"open\",data:\"" + au.getAnname() + "\" "  
  28.                         + "   }";  
  29.             }  
  30.             if (i < list.size() - 1)  
  31.             {  
  32.                 str += ",";  
  33.             }  
  34.         }  
  35.         return str;  
  36.     }  


调用: 
  1. @org.apache.struts2.convention.annotation.Action(results =  
  2.     { @Result(name = "success", location = "/main/user/action-list.jsp") })  
  3.     public String list()  
  4.     {  
  5.         String str = "[";  
  6.         // 从根开始  
  7.         str += this.getJson(0);  
  8.         str += "]";  
  9.         this.renderJson(str);  
  10.         return null;  
  11.     }  

顶 0踩 0收藏
文章评论
    发表评论

    个人资料

    • 昵称: 小蜜锋
    • 等级: 高级设计师
    • 积分: 7088
    • 代码: 757 个
    • 文章: 360 篇
    • 随想: 211 条
    • 访问: 1261 次
    • 关注

    标签

    设计模式(4)java(9)命名规范(2)广告创意(1)愤怒的小鸟(1)游戏(5)jsp(1)配置(1)Surface(1)windows(1)javabean(1)设计方法(1)开发工具(2)web(4)大数据(2)GPU(1)硬盘(1)内部结构(1)黑客(1)窃取(1)编码(1)解决方法(1)php(28)mysql(9)数据库备份(1)数据库还原(1)命令(2)数据库(1)安装(1)2012(2)世界末日(3)仙剑5前传(1)默哀(1)电源(1)女生(1)装饰器模式(2)古剑奇谭(1)电脑桌(1)史上最牛(1)编程语言(2)小米(3)电视机顶盒(1)营销策略(1)Android(8)手势(1)诺亚方舟(1)Eclipse(1)汽车(1)操作系统(1)软件(1)互联网(5)大事记(1)设计师(2)壁纸(1)古剑奇谭2(1)古剑奇谭网络版(1)云计算(2)服务器(1)框架(2)Socket(1)jquery(1)构造函数执行顺序(1)火车票(1)3D(1)数据中心(2)正则表达式(2)Web前端(1)开发框架(1)系统瘫痪(1)12306(2)cpu(1)javascript(2)开发日记(15)体育馆管理系统(15)网页设计(1)CSS3(3)腾讯(3)小游戏(1)interface(1)平板(2)面试(2)设计(5)摄影(2)数据挖掘(1)钢琴谱(1)情人节(1)陈欧体(1)程序员(3)漫画(1)UserAgent(1)iPhone(2)NoSQL(1)ui(9)越狱(1)指南(1)abstract(1)css(3)git(2)八核(2)三星(1)linux(11)数据类型(1)html5(2)UML(2)perftools(1)创意(1)logo(1)色谱(1)响应式(5)Metro(2)虚拟机(1)jvm(1)垃圾回收(1)left(1)join(1)连接查询(1)溯源系统(1)Override(1)SAE(2)WordPress(1)指针(1)链表(1)系统分析师(1)中间件(1)corba(1)static(1)无线(1)监控(1)iPad(1)Apache(2)比特币(2)命名规则(1)手机支付(1)curl(3)笔记(1)导航(1)thinkphp(1)异常导致本地路径泄漏(1)web设计(1)网络安全(1)诗句(1)4K对齐(1)代码库(1)色彩(1)动画片(1)struts2(3)漏洞(5)确认框(1)心情驿站(1)ArscEditor(1)resources.(1)apktool(1)AppKey(1)新浪微博(1)app(5)广告(3)赚钱(1)响应式布局(1)html(1)淘宝(2)微信(1)重构(5)缓存(1)破解(1)后门(1)七夕(1)SEO(2)概念设计(1)面向对象(1)bootstrap(1)性能(2)优化(1)iis(1)爬虫(1)采集(1)算法(2)文本相似度(2)cto(1)js(1)fsockopen(1)扁平化设计(2)网页(1)心情(7)小米电视(1)开箱(1)励志(2)招聘(3)命名(1)notepad++(1)python(1)配色(3)扁平化(4)ps(2)搞笑(2)创业(3)渲染(1)电影(1)模板(1)微博(1)企业家(1)公司(1)总结(1)前端(1)运营(1)变形(1)svn(4)教程(3)搜狗(1)泄密(1)双11(1)天猫(1)UC(1)启动界面(1)光棍节(1)双十一(2)物流(1)备份(1)更新(1)插入(1)插件(2)jsTree(1)(1)海量数据(1)分辨率(1)草图(1)手绘(1)速度(1)文本处理(1)实习(1)感想(1)文件(1)简历(1)65.49.2.17(1)yum(1)解决办法(1)阿里云(2)推广(1)来往(1)春运(1)LBS(1)gb2312(1)utf-8(1)log4j(1)详解(1)收购(1)私服(1)TortoiseGi(1)post(1)异常(2)flappyBird(1)应用创新大赛(1)宙斯杯(1)学习方法(1)xp(1)退役(1)安全(1)技术贴(1)flash(1)刷机(1)京东(1)电商(1)Tomcat(1)JDK(1)免费(1)长投影(1)图标(1)Photoshop(1)云端集成开发环境(1)软件开发(1)可视化(1)工具(2)OpenSSL(1)Heartbleed(1)vsftp(1)中国知网(1)学术论文(1)免费下载(1)开发(1)手册(1)速查表(1)追随战略(1)sdk(1)文章(1)发布(1)文件管理(1)沙画(1)动效(2)原型(1)感悟人生(1)哲理(1)Bash(1)类图(1)知识管理(1)Console(1)调试命令(1)rpm(1)报错(1)挂载(1)数据盘(1)云主机(1)产品经理(1)原型设计(1)mql4(1)mt4(1)ea(1)程序化交易(1)CURLOPT_PO(1)阿里云​(1)CentOS6(2)OpenSSH(1)漏洞修复(2)升级(1)安骑士(1)链克(1)

    站长推荐