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一緒に) 使用する必要があり、 の呼び出しの後にinlineNavの呼び出しを含める必要があります。ドキュメントに記載されている対応するオプションを使用して、 によって追加されたボタンを選択できます。edit: falsenavGridinlineNavinlineNav

UPDATED :cellEdit : trueセル編集とインライン編集の両方の使用がサポートされていないため、jqGrid からオプションを削除する必要があります。

さらにid、グリッドを編集する必要がある場合は、列の名前を他の名前に変更する必要があります。詳細については、回答の 2 番目の部分を参照してください。

JavaScript コード全体を の中に配置し、 の中に$(function(){...});移動することをお勧めします<head>。

現在の (現在は 4.4.1) バージョンの jqGrid を使用していることを確認する必要があります。

于 2012-10-25T11:06:23.670 に答える