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');

?

總結

以上是生活随笔為你收集整理的EasyUI框架04——treegrid的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。