Question

HI，我正在使用afterSaveCell如果我们修改了单元格就会触发它，然后就会发生火灾。

我的方案是我在保存更改按钮上对数据库进行批量更新。但是当用户编辑单元格并到达另一个单元格时，我将修改记录在一个数组中。

但是，如果用户编辑单元格并单击“保存更改”按钮，则单元格焦点不会丢失（仍处于编辑模式），afterSaveCell不会被触发。

是否有任何方法可以点击保存单元格，但点击afterSaveCell会发生火灾。

请帮助.. 感谢..

Answer 1

您可以调用saveCell方法。此方法有iRow和iCol作为参数。要了解当前可编辑单元格的此参数，可以将afterEditCell添加到网格中。因此，您将iRow和iCol的最后值保存在jqGrid之外的变量中，并在“保存更改”按钮上使用点击事件内部，并使用这些参数调用saveCell。 / p>

Answer 2

// This worked Perfectly fine for me, hope will work for you as well.
var selectedCellId;
    var $gridTableObj = $('#jqGridTable');
    $gridTableObj.jqGrid({
        datatype : "jsonstring",
        datastr : gridJSON,
        height : ($(window).height() - 110),
        width : ($(window).width() - 80),
        gridview : true,
        loadonce : false,
        colNames : columnNames,
        colModel : columnModel,
        rowNum : gridJSON.length,
        viewrecords : true,
        subGrid : false,
        autoheight : true,
        autowidth : false,
        shrinkToFit : true,
        cellsubmit : 'clientArray',
        cellEdit : true,
        jsonReader : {
            root : "rows",
            repeatitems : false
        },
        onCellSelect : function(id, cellidx, cellvalue) { // use this event to capture edited cellID
            selectedCellId = cellidx; // save the cellId to a variable
        },
        loadComplete : function(data) {
            jQuery("tr.jqgrow:odd").addClass("oddRow");
            jQuery("tr.jqgrow:even").addClass("evenRow");
        }
    });

//附加点击事件jqgrid“saveCell”以保存单元格。

var gridCellWasClicked = false;
window.parent.document.body.onclick = saveEditedCell; // attach to parent window if any
document.body.onclick = saveEditedCell; // attach to current document.
function saveEditedCell(evt) {
    var target = $(evt.target);
    var isCellClicked = $gridTableObj.find(target).length; // check if click is inside jqgrid
    if(gridCellWasClicked && !isCellClicked) // check if a valid click
        {
        var rowid = $gridTableObj.jqGrid('getGridParam', 'selrow');
    $gridTableObj.jqGrid("saveCell", rowid, selectedCellId);
    gridCellWasClicked = false;
    }
    if(isCellClicked){
        gridCellWasClicked = true; // flat to check if there is a cell been edited.
    }
};

Jqgrid按钮单击时保存单元格

2 个答案: