Question

我使用的是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>

Answer 1

如果您想使用内联编辑添加行，则应使用add: false的{{1}}选项（以及您已使用的navGrid），并且应该包含{{{ 3}}在调用edit: false之后。您可以选择navGrid添加的按钮，使用inlineNav中描述的inlineNav的相应选项。

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

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

我建议您将整个JavaScript代码放在id中，并将其移到$(function(){...});内。

您应该验证是否使用了当前（现在为4.4.1）版本的jqGrid。

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

1 个答案: