zoukankan      html  css  js  c++  java
  • easyui的datagrid和treegrid的使用

     $('#listTree').treegrid({
                  idField: 'id',
                  treeField: 'menuName',
                  columns: [[
                    
                      { title: 'Task Name', field: 'menuName',  180 },
                      { field: 'menuUrl', title: 'progress',  60, align: 'right' }
    
                  ]]
                 
              });
              var data = { "total": 3, "rows": [{ "id": 0, "menuName": "管理员首页", "menuUrl": "/main/admin/index.action", "menuPCode": -1, "isLeaf": "0", "status": "1", "icon": "", "createUser": "system", "createDate": "2014-01-24 17:10:25", "modifyUser": "system", "modifyDate": "2014-01-24 17:10:25" }, { "id": 1, "menuName": "修改密码", "menuUrl": "/main/admin/modifyPwd.action", "menuPCode": 0, "isLeaf": "1", "status": "1", "icon": "", "createUser": "system", "createDate": "2014-01-24 17:10:25", "modifyUser": "system", "modifyDate": "2014-01-24 17:10:25", "_parentId": 0 }, { "id": 2, "menuName": "图片上传", "menuUrl": "/image/admin/uploadImage.action", "menuPCode": 1, "isLeaf": "1", "status": "1", "icon": "", "createUser": "system", "createDate": "2014-01-24 17:10:25", "modifyUser": "system", "modifyDate": "2014-01-24 17:10:25", "_parentId": 1 }], "footer": [{ "name": "Total Persons:", "persons": 7, "iconCls": "icon-sum" }] };
              $("#listTree").treegrid('loadData', data);
    
    
              $('#list').datagrid({
                   1000,
                  height: 500,
                  columns: [[
    
                      { title: 'Task Name', field: 'menuName',  180 },
                      { field: 'menuUrl', title: 'menuUrl',  60, align: 'right' }
    
                  ]]
              
              });
              var data = { "total": 3, "rows": [{ "id": 0, "menuName": "管理员首页", "menuUrl": "/main/admin/index.action", "menuPCode": -1, "isLeaf": "0", "status": "1", "icon": "", "createUser": "system", "createDate": "2014-01-24 17:10:25", "modifyUser": "system", "modifyDate": "2014-01-24 17:10:25" }, { "id": 1, "menuName": "修改密码", "menuUrl": "/main/admin/modifyPwd.action", "menuPCode": 0, "isLeaf": "1", "status": "1", "icon": "", "createUser": "system", "createDate": "2014-01-24 17:10:25", "modifyUser": "system", "modifyDate": "2014-01-24 17:10:25", "_parentId": 0 }, { "id": 2, "menuName": "图片上传", "menuUrl": "/image/admin/uploadImage.action", "menuPCode": 1, "isLeaf": "1", "status": "1", "icon": "", "createUser": "system", "createDate": "2014-01-24 17:10:25", "modifyUser": "system", "modifyDate": "2014-01-24 17:10:25", "_parentId": 1 }], "footer": [{ "name": "Total Persons:", "persons": 7, "iconCls": "icon-sum" }] };
              $("#list").datagrid('loadData', data);

    需要注意的是:data的数据,不是json字符串,是json对象

  • 相关阅读:
    服务端渲染和客户端渲染
    【Airtest更新】AirtestIDE更新至1.2.10;Airtest更新至1.2.0
    AirtestIDE更新:1.2.9新版来袭~
    Airtest从入门到放弃?不要急,这份免费的“超长”攻略请收好!
    Airtest更新:1.1.9版本来袭~
    Airtest启动器的妙用--添加自定义的变量
    Airtest启动器的妙用--添加自定义的命令行参数
    脱离Mac搞iOS自动化,tidevice工具教你轻松实现!
    iOS自动化实操--设备基本信息获取与计算器案例详解
    Airtest快问快答,你们想问的这里都有!(第2期)
  • 原文地址:https://www.cnblogs.com/hongmaju/p/7736330.html
Copyright © 2011-2022 走看看