Как сделать ячейку редактируемой динамически в jqGrid

Question

Я новичок в jqGrid и мне нужна помощь со сценарием, который я не могу понять.

Я могу сделать ячейку недоступной для редактирования, используя следующий код:

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

Теперь я хочу снова сделать ячейку редактируемой на основании некоторого условия.

Какой класс я должен использовать для достижения этого?

Есть ли класс 'editable-cell', который я могу использовать?

Answer 1

Вы должны удалить класс 'not-editable-cell' из ячейки (<td> элемент)

td.removeClass('not-editable-cell');

Вы должны выбрать все ячейки (<td> элемент), которые вы хотите сделать редактируемыми.

Я сделал демо , которое демонстрирует, как это сделать.Самый важный фрагмент кода из демо-версии:

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);
});

В демо-версии ячейки из столбца «Клиент» с текстом «test» будут помечены как «недоступные для редактирования».Позже можно сделать ячейки «редактируемыми» или «нередактируемыми», нажав соответствующую кнопку.