jQuery easyUI datagrid 增加求和统计行的实现代码
在datagrid的onLoadSuccess事件增加代码处理。
<styletype="text/css"> .subtotal{font-weight:bold;}/*合计单元格样式*/ </style> <scripttype="text/javascript"> functiononLoadSuccess(){ //添加“合计”列 $('#table').datagrid('appendRow',{ Saler:'<spanclass="subtotal">合计</span>', TotalOrderCount:'<spanclass="subtotal">'+compute("TotalOrderCount")+'</span>', TotalOrderMoney:'<spanclass="subtotal">'+compute("TotalOrderMoney")+'</span>', TotalOrderScore:'<spanclass="subtotal">'+compute("TotalOrderScore")+'</span>', TotalTrailCount:'<spanclass="subtotal">'+compute("TotalTrailCount")+'</span>', Rate:'<spanclass="subtotal">'+((compute("TotalOrderScore")/compute("TotalTrailCount"))*100).toFixed(2)+'</span>' }); } //指定列求和 functioncompute(colName){ varrows=$('#table').datagrid('getRows'); vartotal=0; for(vari=0;i<rows.length;i++){ total+=parseFloat(rows[i][colName]); } returntotal; } </script>
以上这篇jQueryeasyUIdatagrid增加求和统计行的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。