無料jgGridはページャに追加ボタンを表示します

Question

私は簡単なjqGridを設定しており、インライン編集と削除を行いますが、ページャに追加ボタンを表示しようとしています。私はデフォルトの追加アクションから始めますが、追加ボタンを表示する方法を覚えていないようです。無料のjqGridでそれを行うきれいな方法を知りたいと思います。

ここに現在のコードがあります。ありがとう。

$('#press_op_setup').jqGrid({ 
     url:'grid.php', 
     postData:{ 
      'arg1':'press_ops' 
     }, 
     height: 'auto', 
     datatype: 'xml', 
     mtype: 'POST', 
     width: 400, 
     colNames:[ 
      'id', 
      'Emp Num' 
     ], 
     colModel:[ 
      {name: 'id', hidden: true, key: true}, 
      {name: 'empnum'} 
     ], 
     inlineEditing: {addRow: {}}, 
     sortname: 'empnum', 
     sortorder: 'asc', 
     viewrecords: true, 
     gridview: true, 
     caption: 'Press Operators', 
     rowNum: 100, 
     pager: true 
    }); 
}) 

Answer 1

私はあなたが必要とするものを正しく理解しているかどうかはわかりません。少なくともinlineNavメソッド、またはnavGridとinlineNavの両方を呼び出す必要があります。グリッドを作成した直後にメソッドを呼び出すことができます。 navOptionsとinlineNavOptionsを使用すると、追加のオプションをnavGridとinlineNavと指定できます。あるいは、同じオプションをnavGridとinlineNavメソッドのオプションとして直接使用することもできます。

1つのことは、単純な方法では動作しません。ナビゲータバー（ページャ）内のボタンを並べ替えることです。 append,prependのようなjQueryメソッドを使用してDOM要素を移動することもできます。例えば、あなたのコードは次のようになります。

$('#press_op_setup').jqGrid({ 
    url:'grid.php', 
    postData:{ 
     'arg1':'press_ops' 
    }, 
    datatype: 'xml', 
    mtype: 'POST', 
    width: 400, 
    colNames:[ 
     'id', 
     'Emp Num' 
    ], 
    colModel:[ 
     //{name: 'id', hidden: true, key: true}, 
     {name: 'empnum'} 
    ], 
    inlineEditing: { keys: true }, 
    sortname: 'empnum', 
    sortorder: 'asc', 
    viewrecords: true, 
    caption: 'Press Operators', 
    rowNum: 100, 
    pager: true, 
    navOptions: { add: false, edit: false, search: false, refresh: false }, 
    inlineNavOptions: { add: true, edit: true } 
}).jqGrid("navGrid") 
    .jqGrid("inlineNav"); 
$("#press_op_setup_iladd").prependTo($("#press_op_setup_iladd").parent()); 

私は不要な隠されたid列を削除しました。行の属性id（<tr>）が既に設定されています。同じ情報のコピーを隠した<td>グリッドの要素に保持する必要はありません。

無料のjqGridのデフォルトである不要なheight: 'auto'とgridview: trueのオプションを削除しました。空のaddRow: {}がinlineEditingの内側にも不要です。上記のkeys: trueのように設定する必要があるプロパティのみを指定する必要があります。