码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUI TreeGrid

时间:2015-11-16 12:28:54      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

 技术分享

数据格式1:

{
  "total": 7,
  "rows": [
    {
      "id": 1,
      "name": "All Tasks",
      "begin": "3/4/2010",
      "end": "3/20/2010",
      "progress": 60,
      "iconCls": "icon-ok"
    },
    {
      "id": 2,
      "name": "Designing",
      "begin": "3/4/2010",
      "end": "3/10/2010",
      "progress": 100,
      "_parentId": 1,
      "state": "closed"
    },
    {
      "id": 21,
      "name": "Database",
      "persons": 2,
      "begin": "3/4/2010",
      "end": "3/6/2010",
      "progress": 100,
      "_parentId": 2
    },
    {
      "id": 22,
      "name": "UML",
      "persons": 1,
      "begin": "3/7/2010",
      "end": "3/8/2010",
      "progress": 100,
      "_parentId": 2
    },
    {
      "id": 23,
      "name": "Export Document",
      "persons": 1,
      "begin": "3/9/2010",
      "end": "3/10/2010",
      "progress": 100,
      "_parentId": 2
    },
    {
      "id": 3,
      "name": "Coding",
      "persons": 2,
      "begin": "3/11/2010",
      "end": "3/18/2010",
      "progress": 80
    },
    {
      "id": 4,
      "name": "Testing",
      "persons": 1,
      "begin": "3/19/2010",
      "end": "3/20/2010",
      "progress": 20
    }
  ],
  "footer": [
    {
      "name": "Total Persons:",
      "persons": 7,
      "iconCls": "icon-sum"
    }
  ]
}

 

格式2:

[{
    "id":1,
    "name":"C",
    "size":"",
    "date":"02/19/2010",
    "children":[{
        "id":2,
        "name":"Program Files",
        "size":"120 MB",
        "date":"03/20/2010",
        "children":[{
            "id":21,
            "name":"Java",
            "size":"",
            "date":"01/13/2010",
            "state":"closed",
            "children":[{
                "id":211,
                "name":"java.exe",
                "size":"142 KB",
                "date":"01/13/2010"
            },{
                "id":212,
                "name":"jawt.dll",
                "size":"5 KB",
                "date":"01/13/2010"
            }]
        },{
            "id":22,
            "name":"MySQL",
            "size":"",
            "date":"01/13/2010",
            "state":"closed",
            "children":[{
                "id":221,
                "name":"my.ini",
                "size":"10 KB",
                "date":"02/26/2009"
            },{
                "id":222,
                "name":"my-huge.ini",
                "size":"5 KB",
                "date":"02/26/2009"
            },{
                "id":223,
                "name":"my-large.ini",
                "size":"5 KB",
                "date":"02/26/2009"
            }]
        }]
    },{
        "id":3,
        "name":"eclipse",
        "size":"",
        "date":"01/20/2010",
        "children":[{
            "id":31,
            "name":"eclipse.exe",
            "size":"56 KB",
            "date":"05/19/2009"
        },{
            "id":32,
            "name":"eclipse.ini",
            "size":"1 KB",
            "date":"04/20/2010"
        },{
            "id":33,
            "name":"notice.html",
            "size":"7 KB",
            "date":"03/17/2005"
        }]
    }]
}]

 

主要区别于正常datagrid 的就是多俩属性:

idField: ‘id‘,
treeField: ‘YearTitle‘,

 

EasyUI TreeGrid

标签:

原文地址:http://www.cnblogs.com/wangjunwei/p/4968431.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!