EasyUI框架04——treegrid

treegrid是树形表格控件，集合了datagrid与tree的特点

1. 列表展示（带复选框）

$('#cancelTaskGrid').treegrid({
          url: baseDir + "/json/customTestManageData/getTestTaskInfo",
          queryParams:queryDatas,
             method: 'get',
             idField : 'testId',
             treeField : 'testName',
             parentField : 'parentId',
             nowrap:false,
             animate: true,
             maxHeight: 480,
             striped : false,        // 是否显示斑马线效果
             fitColumns : true,
             singleSelect : false,
             checkOnSelect : true,
             selectOnCheck : true,
             columns:[[ {
                   title : 'testId',
                   field : 'testId',
                   checkbox : true,
                   align : 'center',
                   width : 60
               },{
                   field : 'testName',
                   title : '测试内容',
                   align : 'left',
                   width : '100%'
               } ,
               {
                   field : 'type',
                   title : '状态',
                   align : 'left',
                   width : '100%'
               } ] ],
               onClickRow:function(row){
                //console.log("row = " + JSON.stringify(row));
               },
               onClickCell:function(field,row){
                // console.log("field = " + field);
                // console.log("row = " + JSON.stringify(row));
               },

             onLoadSuccess : function(row,data) {
                // 加载成功之后，默认全部选择
                $('#cancelTaskGrid').treegrid('selectAll');
                // 加载成功之后，默认全部折叠
                $('#cancelTaskGrid').treegrid('collapseAll');
             }
         });

2. 常用api

1）获取treegrid的所有选中行

var rows = $('#cancelTaskGrid').treegrid("getSelections");

2）获取所有复选框的数据

var rowData = $("#changeGrid").datagrid('getChecked');