如何在 jqGrid 中添加新的行记录？答案

【问题标题】：How to add new row record in jqGrid?如何在 jqGrid 中添加新的行记录？
【发布时间】：2012-10-25 10:44:02
【问题描述】：

我正在使用 jqGrid。我想添加记录内联导航所以这个链接http://www.trirand.com/blog/jqgrid/jqgrid.html？当我单击导航栏中的添加新行图标时。网格就像视图模式视图。

<div id="pager"></div>
<table id="ward"></table>
<br />
<script src="js/rowedex3.js" type="text/javascript"> </script>
<script type="text/javascript">
jQuery("#ward").jqGrid({
    mtype : 'GET',
    url : "listAllWards.html",
    datatype : "json",
    colNames : [ 'Id', 'Ward Type', 'Description'],
    colModel : [ {
        name : 'id',
        index : 'id',
        editable:true,
        width : 50
    }, {
        name : 'name',
        index : 'name',
        width : 150,
        editable:true,
    }, {
        name : 'decsription',
        index : 'decsription',
        width : 100,
        editable:true,
    }],
    rowNum : 5,
    rowList : [ 5, 10, 30 ],
    pager : '#pager',
    sortname : 'id',
    viewrecords : true,
    sortorder : "desc",
    caption : "Ward's List",
    width : 940,
    cellEdit : true,
    editurl: "server.html",
});
jQuery("#ward").jqGrid('navGrid', '#pager', {
    edit : false,
    del : false,
    search :false,
});
</script>

【问题讨论】：

标签： jqgrid jqgrid-inlinenav

【解决方案1】：

如果您想使用内联编辑来添加行，您应该使用navGrid 的add: false 选项（连同您已经使用的edit: false）并且您应该在调用@987654327 之后包括调用inlineNav @。您可以使用the documentation中描述的inlineNav的相应选项来选择inlineNav添加的按钮。

更新：您必须从 jqGrid 中删除 cellEdit : true 选项，因为不支持同时使用单元格编辑和内联编辑。

此外，如果您需要编辑网格，您必须将 id 列重命名为任何其他名称。有关详细信息，请参阅the answer 上的第二部分。

我建议您将整个 JavaScript 代码放在 $(function(){...}); 中，然后将其移动到 <head> 中。

您应该确认您使用的是当前（现在是 4.4.1）版本的 jqGrid。

【讨论】：

我想在这些图标上添加：true 我想添加新行，使其保持 false 或 true
如果我的代码是这些 jQuery("#room").jqGrid('navGrid', '#pager2', { edit : false, del : false, search :false, }); jQuery("#room").jqGrid('inlineNav',"#pager2",parameters);当我选择加号时，我的网格视图就像模态视图意味着网格是全部选中的
@AshuMehta: navGrid 添加创建表单（“模态视图”）的按钮，而不是实现相同操作 inline 的 inlineNav。你试过inlineNav吗？
我的代码是 jQuery("#ward").jqGrid('navGrid',"#pager",{edit:false,del:false}); jQuery("#ward").jqGrid('inlineNav','#pager',{ add: true, addicon:"ui-icon-plus", });
我想添加加号图标所以我现在添加点击加号图标添加新行但选择了网格视图。所以我可以在网格中添加新的空白行