jqGrid 在编辑模式下删除行并传递附加数据

Question

当行处于编辑模式（内联编辑）并且用户单击删除（导航网格）时，我在传递其他删除数据时遇到问题。

这是我的代码：

    .navGrid('#' + childGridPagerID, {add: false,edit: true,del: true,   cancel: true, refresh: true, view: true, search:false},{},
                {// edit options
                        editCaption: "Exercise Special Note",template: template,
                        errorTextFormat: function (data) {
                            return 'Error: ' + data.responseText
                        },
                },
                { // del options
                    mtype:"POST", reloadAfterSubmit:true, serializeDelData: function (postdata) {
                        var selRowId = $("#" + childGridID).jqGrid ('getGridParam', 'selrow');
                        //console.log(selRowID);

                        if ($("#"+selRowId).attr("editable") === "1") {
                            $("#" + childGridID).editRow(selRowId, false);
                            var rowdata = $("#" + childGridID).getRowData(selRowId);
                        }
                        console.log(rowdata);

                    // append postdata with any information
                    }
                }
    )

我知道文档说 getRowData 在编辑模式下不起作用，所以我尝试在调用 getRowData 之前禁用编辑模式，但仍然在控制台日志中获取 html 而不是真实数据。我还看到我可以先保存该行，然后在删除之前获取我的数据，问题是大多数字段都是必需的，用户可能会在不填写所有字段的情况下删除该行，这会提示用户输入必填字段.

Answer 1

如果我正确理解您的问题，您应该调用restoreRow 或saveRow 而不是serializeDelData 内部的用法editRow。顺便说一下postdata 包含删除行的id，因此您不需要使用.jqGrid ('getGridParam', 'selrow') 来获取相同的信息。修改后的代码可以是：

serializeDelData: function (postdata) {
    var rowId = postdata.id; // or postdata[this.p.prmNames[id]]

    if ($("#"+rowId).attr("editable") === "1") {
        $(this).restoreRow(rowId);
        var rowdata = $(this).getRowData(selRowId);
        console.log(rowdata);
    }

    // append postdata with any information
    ...

    return postdata;
}

顺便可以考虑使用另一个回调来扩展信息，发布到服务器。例如，onclickSubmit 的目标正是提供此类信息。它可以返回{} 或将与主要信息合并的对象。代码可能类似于

onclickSubmit: function (deleteOptions, rowids) {
    $(this).jqGrid("restoreRow", rowids);
    var rowData = $(this).jqGrid("getRowData", postdata);
    return {id1: rowData.id1, id2: rowData.id2};
}