需要根据某个值使单个 jqgrid 单元格可编辑

Question

我有一个 jqGrid，我希望某些单元格可以根据单独隐藏单元格中的值进行编辑。所以网格中的每一行都没有相同的配置。换句话说，我不希望整列都是可编辑的。

我将下面的代码放在网格的 loadComplete 事件中。我遍历每一行并根据隐藏值 ProductCatIndex 将 EstimatedCost 和 AverageSalePrice 上的可编辑属性设置为 true。

var ids = $('#' + jqgrid_id).jqGrid('getDataIDs');
var count = $('#' + jqgrid_id).getGridParam('reccount');

for (var x = 0; x < count; x++) {
    var rowId = ids[x];

    if (row.ProductCatIndex == 2) {
        $('#' + jqgrid_id).jqGrid('setCell', rowId, 'EstimatedCost', '', '', { 'editable': true });
    }
    else if (row.ProductCatIndex == 3) {
        $('#' + jqgrid_id).jqGrid('setCell', rowId, 'AverageSalePrice', '', '', { 'editable': true });
    }
}

我单步执行代码并看到它正常运行，但是单元格不可编辑。我在网格级别有 cellEdit: true 但我没有在列上设置可编辑属性，因为我试图在上面的代码中动态设置它。任何帮助将不胜感激！

Answer 1

你这样做的方式没有任何影响

我可以推荐其他方式来做到这一点。

如果单元格具有“不可编辑单元格”类，则单元格不可编辑，而不是在 colModel 中将其设置为可编辑。见docs here

这样可以使用 cellattr 函数，因为它会在创建过程中添加属性。见docs here too

将可编辑属性设置为 true 并尝试使用以下代码：

colModel : [ 
    ...
    { name : 'EstimatedCost', editable : true,..., 
         cellattr : function( id, val, rawdata, cm, rdata)  { 
             ret = ""
             if( parseInt(rdata['ProductCatIndex'],10) !== 2 ) {
                 ret = " class='not-editable-cell'";
             }
             return ret;
         }
     }

对其他字段执行相同操作。