easyui新增一行统计数据

有时候我们需要在列表数据下新增一行用作统计，在easyui的api中有专门的函数用于新增行数

appendRow：追加一个新行，并添加到最后位置

getRows：返回当前页的所有行

首先我们需要获取当前页的所有行，并且对数据进行计算统计

var arr =$("#userTable").datagrid("getRows");
	          
	           var userAmount=0;
	           //累加
	           for( var i= 0; i < arr.length; i++) {
	                userAmount += arr[i].userAmount;
	            }

然后新增一行显示统计数据

$('#userTable').datagrid('appendRow',{
	            	statTime: '<b>统计：</b>', userAmount: userAmount, 
	             });

在datagrid基本设置中，需要在成功加载后调用统计函数

onLoadSuccess:function(data){compute();},

function compute() {//计算函数
			   //返回当前页的所有行
	           var arr =$("#userTable").datagrid("getRows");
	          
	           var userAmount=0;
	           //累加
	           for( var i= 0; i < arr.length; i++) {
	                userAmount += arr[i].userAmount;
	            }
	            //新增一行显示统计信息
	            $('#userTable').datagrid('appendRow',{
	            	statTime: '<b>统计：</b>', userAmount: userAmount, 
	             }); 
        }