아약스 검색을 수행 할 jqgrid

Question

검색 용 그리드를 코딩해야합니다. 스크린 샷을 참조하십시오. 사용자가 '검색'을 클릭하면 ajax를 사용하여 첫 페이지 데이터를 그리드에로드 한 다음 사용자가 페이지 번호를 클릭하고 2 페이지로 이동합니다.이 Ajax를 설계하는 방법은 무엇입니까? 프로토 타입 있어요?

저는 jqgrid + JQuery를 사용하고 있습니다.

감사

Answer 1

<input type="text" name="ProjectID" id="ProjectID" /> 
<a href="#" id="SearchBtn">Search</a> 

당신은 아약스 요청에 추가 매개 변수를 연결하는 "beforeRequest"이벤트 핸들러를 작성해야합니다

... 
"url": '/SearchUrl' 
"beforeRequest" : function DataBrowserGridOnBeforeRequest() { 
    $("#TheGrid").jqGrid('setGridParam', { 
     postData: { "searchText": $('#ProjectID').val()}  
    }); 
} 
... 

$("SearchBtn").click(function(){ 
    $("#TheGrid").trigger('reloadGrid'); 
}); 

Answer 2

그리드는 당신이 더 요구하는 것입니다있는 도구 모음 검색을 할 수 있습니다. jqGrid Demos | New in version 3.7 | Tooolbar search에 온라인 데모가 있습니다.

도움이 될까요?