jQuery easyUI datagrid 增加求和统计行的实现代码

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

<style type="text/css">.subtotal { font-weight: bold; }/*合计单元格样式*/</style><script type="text/javascript">function onLoadSuccess（） {//添加“合计”列$（"#table"）.datagrid（"appendRow", {Saler: "<span class="subtotal">合计</span>",TotalOrderCount: "<span class="subtotal">" + compute（"TotalOrderCount"） + "</span>",TotalOrderMoney: "<span class="subtotal">" + compute（"TotalOrderMoney"） + "</span>",TotalOrderScore: "<span class="subtotal">" + compute（"TotalOrderScore"） + "</span>",TotalTrailCount: "<span class="subtotal">" + compute（"TotalTrailCount"） + "</span>",Rate: "<span class="subtotal">" + （（compute（"TotalOrderScore"） / compute（"TotalTrailCount"）） * 100）.toFixed（2） + "</span>"}）;}//指定列求和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;}</script>

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