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

这是你的working jsFiddle demo。

P.S Go认为docuemntaion一次，所以你可以按照自己的意愿去塑造它。

Answer 2

html:
<p class="back-screen"></p>
<p class="front-screen"><a href="">&times;</a></p>
<button id="show" type='button'>Modal</button>

css:
.back-screen{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3);z-index: -1; display:none;}
.front-screen{position: absolute; top:25%; left:25%; background: #fff; width: 50%;height:50%; z-index:100;display:none;}
.active{display:inline}

jquery:
$(document).ready(function(){
    $('#show').click(function(){
          $('.back-screen,.front-screen').fadeIn(500).addClass('active');
    })
})

demo: <http://jsfiddle.net/wahidsherief/8u2y9ddw/1/>

jqGrid：添加新的行按钮

2 个答案:

这是你的working jsFiddle demo。