Javascript 无法在Jqgrid页脚中添加列名以计算总和

我在Jqgrid中有下面的代码，它在网格的页脚中正确地显示了

Sum

 var colSum = $("#dataGrid").jqGrid('getCol', 'Amount', false, 'sum');
 $("#dataGrid").jqGrid('footerData', 'set', { Id: "Total:", Amount: colSum });

现在，当我尝试动态传递ColumnName时，如下所示

 var colName = arrColAndMet[0];
 var colSum = $("#dataGrid").jqGrid('getCol', colName, false, metrics);
 $("#dataGrid").jqGrid('footerData', 'set', { Id: "Total:", colName: colSum });

我无法显示

Amount

列的

Sum

，但是，

colSum

计算正确

---

将

ColName

作为变量传递有什么问题

footerData方法的最后一个参数是object，它的属性名应该是

“Id”

和

colName

变量的值。而不是对象文本

{ Id: "Total:", colName: colSum }

表示具有属性

“Id”

和

“colName”

的对象

另一方面，通过将原始代码修改为以下内容，可以轻松解决问题：

var colName = arrColAndMet[0];
var colSum = $("#dataGrid").jqGrid('getCol', colName, false, metrics);
var footerData = { Id: "Total:" };
footerData[colName] = colSum;
$("#dataGrid").jqGrid('footerData', 'set', footerData);

其中使用

footerData[colName]

设置属性，将从变量

colName

获取哪个名称