0

我正在使用 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>
4

1 回答 1

0

如果你想使用内联编辑来添加你应该使用add: false的选项navGrid（连同edit: false你已经使用的）并且你应该在调用navGrid. 您可以使用文档中描述inlineNav的相应选项来选择添加的按钮。inlineNav

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

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

我建议你把整个 JavaScript 代码放在里面，$(function(){...});然后把它移到<head>.

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

于 2012-10-25T11:06:23.670 回答