jqGridのナビゲーションバーの問題

Question

jqGridの設定に問題があります。私は設定方法についてはこちらをStackOverflowので答えをたくさん読んだ

<table id="list"><tr><td/></tr></table> 
<div id="pager"></div> 

：私はこの設定使用してナビゲーションバーをアクティブ化しようとしている：

$(function(){ 
    $("#list").jqGrid({ 
     url:'test.xml', 
     datatype: 'xml', 
     mtype: 'GET', 
     colNames:['Name','Last Name', 'Id Nbr'], 
     colModel :[ 
      {name:'name', index:'name', width:200}, 
      {name:'lastName', index:'lastName', width:200}, 
      {name:'idnbr', index:'idnbr', width:60} 
     ], 
     pager: '#pager', 
     rowNum:10, 
     rowList:[10,20,30], 
     sortname: 'name', 
     sortorder: 'desc', 
     viewrecords: true, 
     gridview: true, 
     loadonce: true, 
     sortable: true, 
     rownumbers: true, 
     height: '100%', 
     width: '800', 
     caption: 'My first grid' 
    }); 
}); 
jQuery("#list").jqGrid('navGrid','#pager',{edit:true,add:true,del:true}); 

をそして、私のHTMLコードは次のようになりますナビゲーションバーは、私は私の追加、編集、削除、バーを見つけて、バーを更新することはできません、ページだけが処理されます。

私はこのボタンを手に入れようとしましたが、これまで何の結果も得られなかったので、コードに何かがないかどうかを知りたいと思います。あなたの助けを事前に

おかげ

Answer 1

エラーは$(function(){/*it should be here*/});の外navGridを呼び出すことです。したがって、メソッドはグリッドが作成される前に呼び出されるだけでなく、<table>および<page>要素がページに配置（ロード）される前のイベントである可能性があります。

ジャスト（jQuery.readyを参照してください、$(document).ready(function() {/*the same code inside*/})と同じである）1行$(function(){/*it should be here*/});の内側の上navGridの呼び出しを移動し、期待どおりのコードは動作します。