Javascript 如何在jqGrid中动态编辑单元格

我是jqGrid的新手，我需要一个我无法理解的场景的帮助

我可以使用以下代码使单元格不可编辑：

jQuery("#updAssist").jqGrid('setCell',rowid,'precPsProg','','not-editable-cell');

现在我想根据某些条件使单元格再次可编辑

我应该用什么课程来达到这个目的

---

是否有我可以使用的“可编辑单元格”类？

您应该从单元格元素中删除“不可编辑单元格”类

您应该选择要使其可编辑的所有单元格元素

我做了一个演示如何做到这一点。演示中最重要的代码片段是

var grid = $("#list");
var getColumnIndexByName = function(gr,columnName) {
    var cm = gr.jqGrid('getGridParam','colModel');
    for (var i=0,l=cm.length; i<l; i++) {
        if (cm[i].name===columnName) {
            return i; // return the index
        }
    }
    return -1;
};
var changeEditableByContain = function(gr,colName,text,doNonEditable) {
    var pos=getColumnIndexByName(gr,colName);
    // nth-child need 1-based index so we use (i+1) below
    var cells = $("tbody > tr.jqgrow > td:nth-child("+(pos+1)+")",gr[0]);
    for (var i=0; i<cells.length; i++) {
        var cell = $(cells[i]);
        //var cellText = cell.text();
        var unformatedText = $.unformat(cell,{rowId:cell[0].id,
                                        colModel:gr[0].p.colModel[pos]},pos);
        if (text === unformatedText) { // one can use cell.text() instead of
                                       // unformatedText if needed
            if (doNonEditable) {
                cell.addClass('not-editable-cell');
            } else {
                cell.removeClass('not-editable-cell');
            }
        }
    }
};
grid.jqGrid({
    datatype: "local",
    ...
    cellEdit: true,
    cellsubmit: 'clientArray',
    loadComplete: function() {
        changeEditableByContain(grid,'name','test',true);
    }
});
$("#doEditable").click(function(){
    changeEditableByContain(grid,'name','test',false);
});
$("#doNonEditable").click(function(){
    changeEditableByContain(grid,'name','test',true);
});

---

在演示中，“客户端”列中包含文本测试的单元格将标记为不可编辑。稍后可以通过单击相应的按钮使单元格可编辑或不可编辑

jQuerytr+rowid，jQueryupdAssist.removeClass'not-editable-cell'；jQuerytr+rowid.removeClass'not-editable-cell'；jqGrid'setCell'，rowid，'precpprog'，{editable:true}；我想要实现的是基于单元格的值使单元格成为可编辑的。有没有办法做到这一点。我读到动态添加“不可编辑单元格”类以使单元格不可编辑，但找不到任何说明如何启用单元格进行动态编辑的帖子。@Abhi:开始时，我在回答中出错：我使用了而不是。我重写了我的答案，包括演示如何做你需要的。谢谢你的帮助奥尔格！我会试一试，让你知道进展如何。再次感谢。

var grid = $("#list");
var getColumnIndexByName = function(gr,columnName) {
    var cm = gr.jqGrid('getGridParam','colModel');
    for (var i=0,l=cm.length; i<l; i++) {
        if (cm[i].name===columnName) {
            return i; // return the index
        }
    }
    return -1;
};
var changeEditableByContain = function(gr,colName,text,doNonEditable) {
    var pos=getColumnIndexByName(gr,colName);
    // nth-child need 1-based index so we use (i+1) below
    var cells = $("tbody > tr.jqgrow > td:nth-child("+(pos+1)+")",gr[0]);
    for (var i=0; i<cells.length; i++) {
        var cell = $(cells[i]);
        //var cellText = cell.text();
        var unformatedText = $.unformat(cell,{rowId:cell[0].id,
                                        colModel:gr[0].p.colModel[pos]},pos);
        if (text === unformatedText) { // one can use cell.text() instead of
                                       // unformatedText if needed
            if (doNonEditable) {
                cell.addClass('not-editable-cell');
            } else {
                cell.removeClass('not-editable-cell');
            }
        }
    }
};
grid.jqGrid({
    datatype: "local",
    ...
    cellEdit: true,
    cellsubmit: 'clientArray',
    loadComplete: function() {
        changeEditableByContain(grid,'name','test',true);
    }
});
$("#doEditable").click(function(){
    changeEditableByContain(grid,'name','test',false);
});
$("#doNonEditable").click(function(){
    changeEditableByContain(grid,'name','test',true);
});