easyui 分类统计_jQuery easyUI datagrid 增加求和统计行的实现代码

在datagrid的onLoadSuccess事件增加代码处理。

.subtotal { font-weight: bold; }/*合计单元格样式*/

function onLoadSuccess() {

//添加“合计”列

$('#table').datagrid('appendRow', {

Saler: '合计',

TotalOrderCount: '' + compute("TotalOrderCount") + '',

TotalOrderMoney: '' + compute("TotalOrderMoney") + '',

TotalOrderScore: '' + compute("TotalOrderScore") + '',

TotalTrailCount: '' + compute("TotalTrailCount") + '',

Rate: '' + ((compute("TotalOrderScore") / compute("TotalTrailCount")) * 100).toFixed(2) + ''

});

}

//指定列求和

function compute(colName) {

var rows = $('#table').datagrid('getRows');

var total = 0;

for (var i = 0; i < rows.length; i++) {

total += parseFloat(rows[i][colName]);

}

return total;

}

以上这篇jQuery easyUI datagrid 增加求和统计行的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。