jqGrid 工具栏按钮与 html 按钮交替使用答案

【问题标题】：jqGrid toolbar buttons alternate with html buttonsjqGrid 工具栏按钮与 html 按钮交替使用
【发布时间】：2014-10-14 08:33:50
【问题描述】：

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

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");
})

现在问题来了。当同时使用两个编辑按钮时，我发现它们不能正常工作。我错过了什么或做错了什么。任何建议都会对我有所帮助。

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

【问题讨论】：

您只写了“当同时使用两个编辑按钮时，我发现它们无法正常工作”。你到底有什么问题？此外，您没有发布您的实现。我也不明白为什么您需要 both 按钮。如果您喜欢标准编辑按钮，为什么不直接使用 toppager: true jqGrid 选项和 navGrid 的 cloneToTop: true 选项？它将使用相同的标准按钮创建顶部和底部寻呼机。
顺便navGrid的选项可以缩减为.navGrid("#gridPager", {view: true}, ...);。见documentation。如果您在许多情况下为添加/编辑/删除和navGrid 使用相同的“默认设置”，那么您可以通过@987654338 之类的代码修改$.jgrid.edit、$.jgrid.del、$.jgrid.view、$.jgrid.search 和$.jgrid.nav @ 并使用navGrid 的最简单形式调用：$("#grid").navGrid("#gridPager");
嗨，奥列格，感谢您的 cmets。显然，通过使用扩展模式来使用通用设置是有帮助的。无论如何，你对我目前的情况有什么建议吗？我也想从你那里得到一些关于过去问题的想法 - stackoverflow.com/questions/26328548/…
抱歉，您没有回答我第一条评论中的问题。我不能帮助你，因为我不明白你的问题。关于你的another question：我不完全明白你需要什么。为什么你不只使用formatter: "select" 和可选的cellattr 来设置单元格的颜色，这会改变带有“非活动”的单元格的颜色/背景？
@Oleg：我想和你分享我的 .js 文件。但是该文件非常长，我认为在这里共享它不是一个好主意。怎么把js文件发给你？

标签： jquery jqgrid

【解决方案1】：

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

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

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

【讨论】：