jqgrid - 自定义行内的 jqGrid 编辑按钮以打开新 View

Question

所以 jqGrid 每一行内的编辑按钮的默认行为是在同一页面中打开表单，对吧？

我需要它来打开另一个 View ，另一个 URL。

我已经使用 .navButtonAdd 方法通过位于 grid-pager 中的编辑按钮成功地做到了这一点。但我不知道如何对行按钮执行相同的操作。

有人能帮帮我吗？

Answer 1

jqGrid 目前不提供任何简单的方法来将编辑调用替换为另一种方法或包含自定义按钮。或者，您可以做的是“子类化”$.fn.fmatter.rowactions 函数，就像我在 the answer 中描述的那样。 . $.fn.fmatter.rowactions 函数将在点击任何来自操作按钮时被调用。因此，您可以测试 act 参数是否为 "edit"。如果没有 "edit" 按钮，您可以将调用转发给原始 $.fn.fmatter.rowactions 函数。对于 “edit” 按钮，您可以改为执行任何自定义操作。

已更新:确切的实现在一定程度上取决于您使用的 jqGrid 版本，因为函数 $.fn 的参数和 this 的值。 fmatter.rowactions 对于不同版本的 jqGrid 是不同的。我为你打造the demo使用 free jqGrid 4.8 (参见 readme 和 wiki )。我使用以下代码进行子类化

var orgRowActions = $.fn.fmatter.rowactions;
$.fn.fmatter.rowactions = function (e, act) {
    var $grid = $(this).closest("table.ui-jqgrid-btable"),
        rowid = $(this).closest("tr.jqgrow").attr("id");

    if (act === "edit") {
        $grid.jqGrid("viewGridRow", rowid);
        return false;
    }
    return orgRowActions.call(this, e, act);
}

因此，“编辑”按钮启动“查看”而不是编辑表单。

我计划在下一个版本的免费 jqGrid 中包含更多的定制可能性。因此，无需使用子类化技巧就可以创建自定义内联图标。