onSearch:function 이벤트를 이용하여 미리 해당하는 레코드들을 뽑아내고
그것을 화면에 뿌려준다.
jqGrid 그리는 코드는 생략.
실험은 성공했지만, 구현할경우 추가코딩이 필요하다.
처리로직이 생략되어있다.
/* 네비게이터 */
$("#user_table").jqGrid('navGrid','#user_pager'
,{/* options */}
,{/* Edit options */
closeAfterAdd: true,
reloadAfterSubmit: false
}
,{/* Add options */
closeAfterAdd: true,
reloadAfterSubmit: false
}
,{/* Delete options */
reloadAfterSubmit: false
}
,{/* Search options */
// sopt:['cn','bw','eq','ne','lt','gt','ew'],
// odata : ['equal', 'not equal', 'less', 'less or equal','greater','greater or equal', 'begins with'],
onSearch:function(){
// alert( $(".columns").find("option:selected").val() ); // 검색필드
// alert( $(".selectopts").find("option:selected").html() ); // 검색조건 타입
// alert( $("td.data").find(".input-elm").val() ); // 조건값
// alert( $("#jqg1").val() ); // 조건값
$("#user_table").setGridParam({
url:'selectUser.do',
datatype:'json',
page:1,
postData:{
channelCode:'<%=SESSION_CHANNEL_CODE%>'
, searchField:$(".columns").find("option:selected").val()
, searchType:$(".selectopts").find("option:selected").html()
, searchValue:$("td.data").find(".input-elm").val()
, userSearchId:$("#userSearchId").val()
, userSearchName:$("#userSearchName").val()
, userSearchPhone:$("#userSearchPhone").val()
, userSearchStartDate:$("#userSearchStartDate").val()
, userSearchEndDate:$("#userSearchEndDate").val()
}
}).trigger("reloadGrid");
}//onSearch:function(){
}//Search Option
,{/* view parameters*/}
);
'Front-End > jQuery' 카테고리의 다른 글
| jquery 강제 엔터처리 (0) | 2014.01.20 |
|---|---|
| jqGrid Pager(Navigator) 옵션주기 (0) | 2012.11.01 |
| jqGrid 버튼라벨들 (버튼이름 바꾸기) (0) | 2012.10.31 |
| jQuery - AutoComplete-r3.2.2 자동완성기능 (공식홈페이지와 다른것) (0) | 2012.09.14 |
| jQuery - AutoComplete 자동완성기능 (0) | 2012.09.14 |