javascript - 将新行添加到 jqGrid 控件后如何运行 JavaScript 函数？

Question

我有一个 jqGrid，它被设置为内联编辑。

我单击“添加新行”(+) 按钮，它会在网格中添加一个新行，并使用用于填写与该新行相关的数据的控件填充新行。

在控件显示在用户将与之交互的新行中后，我需要能够运行一些 JavaScript，以填充他们正在创建的记录的数据。

这是在单击“添加新项”按钮之后，以及在控件呈现到各自的单元格中以方便数据输入之后，但在进行任何编辑或保存之前。这与向数据源推送数据或从数据源拉取数据没有任何关系，这只是我试图发挥一些客户端魔法。

我在 jqGrid wiki 中没有看到任何与此相符的内容。我在想可能有某种 XXXXRendered 方法，与放置在新行上的那些控件相关联，我可以覆盖它，但我只是没有看到任何东西。

对此的任何指导将不胜感激。

Answer 1

看起来您使用inlineNav进行表单编辑。我建议您在回调 aftersavefunc 或事件“jqGridInlineAfterSaveRow”的情况下使用。回调的第一个参数是rowid。如果您只需要在保存新行后执行某些操作，那么您可以测试该行是否具有类“jqgrid-new-row”:

$("#grid").bind("jqGridInlineAfterSaveRow", function (e, rowid, resp, data, options)) {
    var $tr = $("#" + $.jgrid.jqID(rowid)); // "#" + rowid
    if ($tr.hasClass("jqgrid-new-row")) {
        // do something after a new row is added
    }
});