2011-12-14 22 views
1

jqGridで作成したテーブル(JSON POSTデータで生成)があります。ナビゲーションはとてもうまく機能します。 検索ボタンを表示するオプションを設定しました。Jqgridとnavgridの検索ボタン

私が表示されているオプションをクリックして...しかし、何の研究が行われていない場合...

は、配列の要素にJavaScriptを使用して研究を行っているか、またはそれは、Ajaxで検索するURLを指定していますか?

ここは私のコードです。ここで

<div id="liste"> 
<div id="messagebox"></div> 
<div id="filter"></div> 
<table id="list" class="scroll" cellpadding="0" cellspacing="0"></table> 
<div id="pager" class="scroll" style="text-align:center;"></div> 
</div> 

<script type="text/javascript">  
$(document).ready(function(){ 

    $("#list").jqGrid({ 
     url:'/admin/statistique/getjson/', 
     datatype: 'json', 
     mtype: 'POST', 
     colNames:['','Nom','Visites Totales', 'Visites Uniques','Contact'], 
     colModel:[ 
      {name:'edition',index:'edition', sortable:false,editable: false,width:15, align:"center"}, 
      {name:'etablissement_nomAMarrakech',index:'etablissement_nomAMarrakech', sortable:true, editable: false,width:150, align:"center"}, 
      {name:'',index:'', sortable:false, editable: false,width:200, align:"center"}, 
      {name:'',index:'', sortable:false, editable: false,width:200, align:"center"}, 
      {name:'',index:'', sortable:false, editable: false,width:240, align:"center"} 
     ], 
     pager: '#pager', 
     rowNum:10, 
     rowList:[10,25,50,100,300], 
     sortname: 'etablissement_nomAMarrakech', 
     viewrecords: true, 
     autowidth: true, 
     rownumbers: false, 
     gridview : true, 
     sortorder: "desc", 
     caption:"Aperçu des statistiques" 
    }); 

    jQuery("#list").jqGrid('navGrid','#pager',{edit:false,add:false,del:false,search:false,refresh:false});   
}); 

</script> 

が画面にある

Generated Grid

あなたが見ることができるように、私は、JQGrid書き込み "読み込んでいます..." フォームを送信したが何の行がチェックされていないとき...

敬具、

答えて

2

あなたは

name:'',index:'' 
を使用

グリッドの3つの列の定義。違います。あなたは、 ''という名前の3つのプロパティを持つクラスを宣言しようとするコードと比較することができます。

nameプロパティは必須です。これはユニークでなければならず、予約名( 'rn'、 'cb'、 'subgrid')と同じであってはならず、 '。'、 ''などのjQueryセレクタで使用されるメタ文字を含むべきではありません(here参照)。

datatype: 'json'loadonce: trueなしで使用すると、サーバーはデータフィルタリングを行います。検索リクエストでは、 のパラメータ(&searchField=edition&searchString=Spa&searchOper=cnなど)が追加されたサーバーへの新しいリクエストが送信されます。サーバは、フィルタ処理されたデータをjqGridに戻す必要があります。

+0

素敵なヘルプとリソース。どうもありがとうございました。今私はsearchStringのようなparamがあることを知っている...私はテストし、それが動作します。 –

+0

@Raphaël:ようこそ! – Oleg

関連する問題