如果 colmodel 中的名称是整数，如何在 jqGrid 中设置单元格？

Question

当 colmodel 中的名称是整数时，jqgrid setcell 会导致问题。它给出了错误：

未捕获的类型错误：无法读取未定义的属性“格式化程序”。

我添加grid.locale-en.js 和jqgrid-min.js 的顺序是正确的。

准确地说，错误在该行中：

var h = a.p.colModel[e]; if (h.formatter !== void 0) 

in jqgrid-min.js 其中 e colmodel 名称（注意这是一个整数）。

这是我设置单元格的方式。

$("#GoingCostLogGrid").jqGrid('setCell', rowId, Costs_ProjectOrProgram , cellValue_CurrentTotalforAllFY);

其中 Costs_ProjectOrProgram 是一个整数，也是 colmodel 中的列名。

Answer 1

如果您使用数字（如12）作为参数或使用包含数字的字符串（如"12"）调用setCell，则存在很大差异。 number 参数将被解释为colModel 数组中的索引，而字符串值将被解释为列名。

因此，如果Costs_ProjectOrProgram 的类型是数字并且您想将其解释为字符串，那么您应该将变量转换为字符串。所以你应该使用

$("#GoingCostLogGrid").jqGrid('setCell', rowId, String(Costs_ProjectOrProgram),
    cellValue_CurrentTotalforAllFY);

而不是

$("#GoingCostLogGrid").jqGrid('setCell', rowId, Costs_ProjectOrProgram,
    cellValue_CurrentTotalforAllFY);

顺便说一句，使用第一个大写字符的变量是非常糟糕的。对应于 JavaScript 的名称转换，应该使用这样的名称仅用于构造函数（类的构造函数）。很容易看到如何使用标识符。例如，您需要使用var d = new Date(2015, 3, 24); 而不是var d = Date(2015, 3, 24);，即使在上面使用Date 的情况下您可以在许多Web 浏览器中获得相同的结果。你可以看到，即使是 JavaScript 代码的格式化程序也会以另一种颜色显示具有第一个大写字符的标识，以强调它作为标准变量具有 另一种含义（例如cellValue_CurrentTotalforAllFY） .我强烈建议您保留您使用的语言中存在的名称转换。

更新：jqGrid 执行以下操作：在setCell 代码的开头，它尝试使用isNaN(colname) 将列名参数转换为数字。如果列名是数字或包含数字的字符串，那么它将被解释为列的索引（请参阅the lines）。所以要解决这个问题，你必须使用setCell、getCell、getCol 和许多其他方法，用列的索引而不是名称。因此，您必须执行以下操作

var colModel = $("#GoingCostLogGrid").jqGrid("getGridParam", "colModel"),
    iCol, nCol = colModel.length; 

for (iCol = 0; iCol < nCol; iCol++) {
    if (colModel[iCol].name === Costs_ProjectOrProgram) {
        $("#GoingCostLogGrid").jqGrid("setCell", rowId, iCol,
            cellValue_CurrentTotalforAllFY);
    }
}

如果你有很多地方需要做同样的事情，那么你可以在函数中通过列名搜索列索引，并在需要时调用。

如果您使用free jqGrid 而不是jqGrid 4.6，那么即使在使用datatype: "local" 的情况下，您也可以使用jsonmap。有关详细信息，请参阅the wiki article。以这种方式，您可以将列定义为{name: "c5", jsonmap: "5"} 而不是使用{name: "5"} 并具有上述问题。或者，您可以更改输入数据，使输入数据的属性以字母开头。