프로필 사진
kimss
bolt icon62·거의 4년·
2.9k
·수정됨
공유

jqGrid 검색(조회)기능

안녕하세요!! 초보개발자입니다.

jqGrid 데이터 셋팅 과정에서 문제가 있어 질문 드립니다.


현재 검색버튼을 누르면 검색조건을 서버로 보내

검색조건에 맞는 DB데이터를 가져온 후, 새로운 데이터를 그리드에 그려주는 작업을 하고 있습니다.


검색조건을 보내고 데이터를 가져오는것 까지는 무리없이 되는데,

가져온 데이터를 그리드에 그려주는 부분에서 난항을 겪고 있습니다.


검색버튼 클릭시 함수는 아래와 같습니다.

$("#target").on('submit', function() { var formData = $("#target").serialize(); $.ajaxSetup({ async : false }); $.ajax({ type : "POST", url : "./Test.jsp", cache : false, data : formData, success : onSuccess, error : onError }); function onSuccess(json, status) { var test = {data:json}; alert(json); $("#list").jqGrid("clearGridData",true); $("#list").setGridParam(test);                 //$("#list").jqGrid('setGridParam', {data:json}).trigger('reloadGrid'); //alert($.trim(json)); } function onError(data, status) { alert("error"); } });


target은 Form id이고, submit 클릭시 위와 같은 로직을 수행하게 되어있습니다.




- 검색버튼 클릭시 서버에서 불러온 값으로 데이터를 새로 세팅하고 싶습니다.

- json에 담긴 데이터는 alert로 확인해본 결과  [{"a":"123", "b":"456"}, {...}, {...}]과 같은 형태입니다.

- tigger('reloadGrid') 사용시 기존 데이터를 불러오는 url을 재참조하게 되어 이전값을 불러옵니다.

- 이전 데이터를 불러오는 url을 삭제하면 reload시 이전값을 재참조하는일은 없으나, 새로 가져온 값으로 데이터가 세팅되지 않습니다.


도움 부탁드립니다!ㅠㅠ

cat-footer