在jqgrid中創建一個新列與其他列的總和

Question

我想添加一列，其中將包含一些列的總和。

基本上我想下面的轉換：

以下幾點：

但是這必須動態完成的，即我應提供前作列colModel ID我想要的總和。

P.S.使用4.13.5版本的free-jqgrid。

Answer 1

實現您的要求的最簡單方法是使用jsonmap和sorttype定義爲函數，該函數返回列的計算值。此外，您需要實施afterSetRow回調，修復行後修改值（在setRowData之後）。

相應的實現可能類似於the demo。演示定義網格爲total列，該列顯示amount和tax列的總和。演示代碼如下所示：

var calculateTotal = function (item) { 
     return parseFloat(item.amount) + parseFloat(item.tax); 
    }; 

$("#list").jqGrid({ 
    ... 
    colModel: [ 
     ... 
     { name: "amount", template: "number", ... }, 
     { name: "tax", template: "number", ... }, 
     { name: "total", width: 76, template: "number", editable: false, 
      jsonmap: function (item) { 
       return calculateTotal(item); 
      }, 
      sorttype: function (cellValue, item) { 
       return calculateTotal(item); 
      }}, 
     ... 
    ], 
    afterSetRow: function (options) { 
     var item = options.inputData; 
     if (item.total === undefined) { 
      // test is required to prevent recursion 
      $(this).jqGrid("setRowData", options.rowid, { 
       total: calculateTotal(item) 
      }); 
     } 
    } 
    ... 
});