jqGrid工具栏按钮与html按钮交替显示

Question

我有一个jqGrid。在它的页脚上有添加，删除和编辑记录的3个默认图标（它们不用于内联编辑/添加/删除）。我创建了一个html导航栏，在那个栏中我放了3个名为Add，Edit和Delete的按钮。我想提一下，这个编辑/添加/删除操作有一些复杂的选项。这意味着它们不是正常的删除/编辑操作。这就是为什么我分别创建了添加，删除，编辑选项，并将它们作为参考放在我的寻呼机部分中，如下所示。

navGrid(
    '#gridPager', {
        view: true,
        add: true,
        edit: true,
        del: true,
        search: true,
        closeOnEscape:true
    }, editParams,  // default settings for edit
       newParams, // default settings for add
       deleteParams , ....

之后我将点击事件添加到我的自定义按钮 -

$("#editButton").click(function() {
var gr = jQuery("#gridTable").jqGrid('getGridParam', 'selrow');
alert(gr);
if (gr != null)
    jQuery("#gridTable").jqGrid('editGridRow', gr, editParams);
else
    alert("Please Select Row");
})

现在的问题是。当使用两个编辑按钮时，我发现它们没有完美地工作。 我错过了什么或做错了什么。任何建议对我都有帮助。

请查看随附的图片，了解我想要实现的目标。

Answer 1

我通过添加以下配置解决了这个问题 -

$.extend($.jgrid.edit, { recreateForm: true });

现在，默认编辑按钮和自定义编辑按钮都可以正常工作。