treeGrid树形数据表格的json数据格式说明
2016-12-19 16:50
399 查看
在使用easyUI 的treeGrid的时候,很多时候我们从数据库取出来的数据treeGrid却不能读取显示成一个树:如下
例如以上是我从数据库表中取的值并转化为json格式,逻辑上我是靠menuCode和menuPcode来表示父子的继承关系,但是easyUI的treeGrid不买账,她可不会理解你的父子关系是通过menuCode和menuPcode表现的
于是乎有人觉得json格式应该如下:
通过设置children来方便treeGrid解析,于是乎有人开始对取出来的表数据进行遍历啊,拼接字符串啦之类的操作,往这个格式上拼凑,其实完全没必要
解决办法:
使用谷歌浏览器打开如下链接
http://www.jeasyui.net/demo/581.html
F12查看该例子树形数据表格的数据格式:
数据格式为:
属性表格加载正确的前提是json数据中要正确初始化_parentId节点。
{ menuCode: "a00", menuName: "管理员首页", menuUrl: "/main/admin/index.action", menuPCode: "-1", isLeaf: "0", status: "1", icon: null, createUser: "system", createDate: "2014-01-24 17:10:25", modifyUser: "system", modifyDate: "2014-01-24 17:10:25" }, { menuCode: "a0001", menuName: "修改密码", menuUrl: "/main/admin/modifyPwd.action", menuPCode: "a00", isLeaf: "1", status: "1", icon: null, createUser: "system", createDate: "2014-01-24 17:10:25", modifyUser: "system", modifyDate: "2014-01-24 17:10:25" }, { menuCode: "a0002", menuName: "图片上传", menuUrl: "/image/admin/uploadImage.action", menuPCode: "a00", isLeaf: "1", status: "1", icon: null, createUser: "system", createDate: "2014-01-24 17:10:25", modifyUser: "system", modifyDate: "2014-01-24 17:10:25" }
例如以上是我从数据库表中取的值并转化为json格式,逻辑上我是靠menuCode和menuPcode来表示父子的继承关系,但是easyUI的treeGrid不买账,她可不会理解你的父子关系是通过menuCode和menuPcode表现的
于是乎有人觉得json格式应该如下:
通过设置children来方便treeGrid解析,于是乎有人开始对取出来的表数据进行遍历啊,拼接字符串啦之类的操作,往这个格式上拼凑,其实完全没必要
解决办法:
使用谷歌浏览器打开如下链接
http://www.jeasyui.net/demo/581.html
F12查看该例子树形数据表格的数据格式:
数据格式为:
{"total":9,"rows":[ {"id":1,"region":"Wyoming"}, {"id":11,"region":"Albin","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":1}, {"id":12,"region":"Canon","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":1}, {"id":13,"region":"Egbert","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":1}, {"id":2,"region":"Washington"}, {"id":21,"region":"Bellingham","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2}, {"id":22,"region":"Chehalis","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2}, {"id":23,"region":"Ellensburg","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2}, {"id":24,"region":"Monroe","f1":2000,"f2":1800,"f3":1903,"f4":2183,"f5":2133,"f6":1923,"f7":2018,"f8":1838,"_parentId":2} ],"footer":[ {"region":"Total","f1":14000,"f2":12600,"f3":13321,"f4":15281,"f5":14931,"f6":13461,"f7":14126,"f8":12866} ]}
属性表格加载正确的前提是json数据中要正确初始化_parentId节点。
相关文章推荐
- Wijmo json 格式的数据回还 无限级解析 成树形菜单
- 关于从后台获取数据List<User>转化为JSON格式在前台用easyui以表格显示
- EasyUI_tree根据数据库数据生成树形结构JSON格式
- easyui加载datagrid和treegrid的几种json数据格式
- JqGrid 自定义子表格 及 自定义Json 格式数据不展示
- 2014/3/14 easyUI中treeGrid json数据格式
- 表格里的某个超链接点击执行的函数参数传递json对象格式的数据
- 安卓开发前后台通信,从数据库中取数据并在前台以表格形式显示,以json格式传输
- struts2将数据通过Json格式显示于EasyUI-datagrid数据表格
- ASP.NET+ExtJs4.0+将服务器那边返回来的json格式的数据通通读取到表格store
- Java类,生成Dojo_Gird表格的json数据格式
- 原生态php抠出table表格数据,并转换成json格式
- json数据格式转换成树形状态两种方法
- easyui加载datagrid和treegrid的几种json数据格式
- 动态创建表格,更新、提交、循环获取表格中各种元素的数据 并转换为JSON,数组的数据格式。
- jQuery使用Ajax操作JSON格式数据说明
- ASP.NET+ExtJs4.0+将服务器那边返回来的json格式的数据通通读取到表格store .
- 多行数据用json格式插入到一个字段中,然后再分别显示在不同表格增删改查
- 表格转为JSON数据格式
- TreeGrid节点数组与层级Object的Json格式数据互转