2011-12-14 3 views
1

jqGrid로 만든 테이블 (JSON POST 데이터로 생성)이 있습니다. 네비게이션은 잘 작동합니다. 검색 버튼을 표시하는 옵션을 설정했습니다.Jqgrid 및 navgrid 검색 버튼

내가 표시 옵션을 클릭합니다 ...하지만 연구가 수행되지 않습니다 ...

이 연구는 배열 요소에 자바 스크립트로 이루어집니다 마십시오, 또는 아약스에서 검색 할 수있는 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:'' 
,536를 사용

격자의 세 열 정의에. 그건 잘못 됐어. 당신은 이름이 ''인 세 가지 속성을 가진 클래스를 선언하려고 시도하는 코드와 비교할 수 있습니다.

name 속성은 필수 항목입니다. 고유해야하며 예약 된 이름 ('rn', 'cb'및 'subgrid')과 같을 수 없으며 '.', ''와 같은 jQuery 선택기에서 사용되는 메타 문자를 포함하면 안됩니다. (here 참조).

datatype: 'json'loadonce: true없이 사용하면 서버가 데이터 필터링을 담당하게됩니다. 검색 요청시 서버에 대한 새 요청은 매개 변수 (예 : &searchField=edition&searchString=Spa&searchOper=cn)가 추가로 전송됩니다. 서버는 필터링 된 데이터를 jqGrid로 되돌려 보내야합니다.

+0

좋은 도움말과 리소스. 고맙습니다. 이제 searchString과 같은 param이 있다는 것을 알았습니다 ... 테스트를 거쳐 작동합니다. –

+0

@ Raphaël : 천만에! – Oleg