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 |