2010-12-20 4 views
3

자바 스크립트를 통해 jqGrid에 수동으로 검색을 적용하고 싶습니다. 나는 가이드 here을 시도했으나 완전히 작동하지 않는 것처럼 보입니다. 그리드 설치 프로그램에서 'test'문자열을 검색 할 때 'error_column'이라는 이름의 열이 있습니다. 여기 jqGrid 클라이언트 쪽 검색

는 내가 지금까지 무엇을 가지고 :

var filter = { "field": "error_column", 'oper': 'eq', "data": 'Test' }; 
$("Grid2").jqGrid('setGridParam', { search: true, postData: { filters: filter} }) 
$("Grid2").trigger('reloadGrid'); 

나는이가, 아무 일도 발생하지 바인딩 된 버튼을 클릭하고 오류가 발생하지 않습니다합니다. I 로컬 배열을 사용하여 그리드에 데이터 바인딩

jQuery("#Grid2").jqGrid({ 
    datatype: "local", 
    height: 250, 
    colNames: ['NewSubscriberID', 'Conflicting Subscriber ID', 'Error Field', 'Error Message'], 
    colModel: [ 
     { name: 'new_subscriber_id', index: 'new_subscriber_id', width: 120}, 
     { name: 'conflicting_subscriber_id', index: 'conflicting_subscriber_id', width: 170}, 
     { name: 'error_column', index: 'error_column', width: 90, sorttype: "text", search: true}, 
     { name: 'error_type', index: 'error_type', width: 145} 
    ], 
    loadonce: true 
    }); 

:

EDIT 여기 그리드를 초기화하기위한 코드이다.

var grid = jQuery("#Grid2"); 
var postdata = grid.jqGrid('getGridParam','postData'); 
jQuery.extend (postdata, 
       {filters:'', 
       searchField: 'error_column', 
       searchOper: 'eq', 
       searchString: 'Test'}); 
grid.jqGrid('setGridParam', { search: true, postData: postdata }); 
grid.trigger("reloadGrid",[{page:1}]); 

당신은 라이브 예를 here을 볼 수

+0

사전 검색 ('multipleSearch : true')을 사용하고 있습니까? 툴바 검색을 사용한다면'stringResult : true'를 사용하든 사용하지 않는 것이 중요합니다. 귀하의 질문에 더 많은 코드를 포함 시키면 더 좋을 것입니다. – Oleg

+0

하나의 열에 대해서만 데이터를 검색하면되므로 여러 검색을 사용하지 않습니다. 초기화 코드를 포함하도록 질문을 업데이트했습니다. –

답변

18

당신은 조금 다른 방법을 하나의 필드에 대한 검색을 구현해야합니다.

업데이트 : loadonce: truedatatype: "local"을 함께 사용합니다. datatype: "local"의 경우 값 loadonce: true이 무시됩니다. 서버에서 데이터를 가져와 datatype: "json" 또는 datatype: "xml"을 사용하면 loadonce: true이 작동합니다. 검색 (필터링)이 로컬이 아닌 서버에서 수행되기를 원하면 datatype'json' 또는 'xml'으로 다시 설정해야합니다 (추가 옵션은 'setGridParam').

+0

남자, 내가 찾던 바로 그 것이었다! 고마워요. –

+0

@ Stéphane : 듣기 (듣기)에 기쁩니다. 천만에요! – Oleg

+0

이것은 정확하게 내가 찾고 있던 것입니다! 감사! – aknatn

관련 문제