jQuery easyUI datagrid 增加求和統(tǒng)計行的實現(xiàn)代碼

    下面小編就為大家?guī)硪黄猨Query easyUI datagrid 增加求和統(tǒng)計行的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。
    在datagrid的onLoadSuccess事件增加代碼處理。
    <style type="text/css">
        .subtotal { font-weight: bold; }/*合計單元格樣式*/
      </style>
      <script type="text/javascript">
        function onLoadSuccess() {
          //添加“合計”列
          $('#table').datagrid('appendRow', {
            Saler: '<span>合計</span>',
            TotalOrderCount: '<span>' + compute("TotalOrderCount") + '</span>',
            TotalOrderMoney: '<span>' + compute("TotalOrderMoney") + '</span>',
            TotalOrderScore: '<span>' + compute("TotalOrderScore") + '</span>',
            TotalTrailCount: '<span>' + compute("TotalTrailCount") + '</span>',
            Rate: '<span>' + ((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 增加求和統(tǒng)計行的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考