jqGrid : 添加新的行按钮

Question

我想创建一个 html 按钮元素。当有人单击按钮时，将打开一个用于添加新记录的新窗口。这意味着，按钮将完成页脚工具栏添加图标的任务。

Answer 1

如果您为jqGrid启用了寻呼机，它默认提供在寻呼机中添加新行的选项，只需添加属性，

pager: '#pcrud',

在 jqGrid 定义之后添加以下行，

jQuery("#grid").jqGrid('navGrid','#pcrud',{});

现在，转到您的问题，因为您要求创建单独的按钮以打开添加项目弹出窗口，创建一个按钮

<button class="add-new-row">Add New Row</button>

并且，在按钮单击事件上添加 jqGrid 弹出触发代码

 $(".add-new-row").on("click",function(){
        $("#grid").editGridRow( "new" );
   });

您可以按照以下文档更好地理解Form Editing、jqGrid Pager和Inline Editing。

如果您想在 jqGrid 中添加内联行，请改用它，

$(".add-new-row").on("click",function(){
    $("#grid").jqGrid('addRow',"new");
});

这是为您准备的 jsFiddle 演示。

PS Go 曾经考虑过文档，因此您可以将其塑造成您想要的样子。