설 연수
하하호홓
설 연수
전체 방문자
오늘
어제
  • 분류 전체보기 (231)
    • Back-End (2)
      • Java (20)
      • JSP (13)
      • Spring (18)
      • Kotlin (0)
      • node.js (0)
    • Front-End (68)
      • JavaScript (19)
      • jQuery (39)
      • Angular (4)
      • HTML (5)
    • Dev-Ops (12)
      • Linux, Cloud (5)
      • docker, k8s (5)
      • ElasticSeach (2)
    • Other (33)
      • OOP (3)
      • 알고리즘 (2)
      • DB (12)
      • Git (1)
      • Swift (4)
    • Backup (65)

블로그 메뉴

    공지사항

    인기 글

    태그

    • Kafka
    • page not found
    • flex
    • jOOQ
    • RESTful
    • CORS
    • angular callback
    • angular 콜백
    • mongodb
    • jquery invalid
    • MYSQL
    • 404 error
    • INVALID
    • 크로스도메인
    • 패스트캠퍼스
    • docker
    • angular4
    • angular2
    • Redis
    • Angular

    최근 댓글

    최근 글

    티스토리

    hELLO · Designed By 정상우.
    설 연수

    하하호홓

    Front-End/jQuery

    jqGrid 검색할때 DB를 조회하여 읽어들이기

    2012. 10. 31. 17:48
    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
      'Front-End/jQuery' 카테고리의 다른 글
      • jquery 강제 엔터처리
      • jqGrid Pager(Navigator) 옵션주기
      • jqGrid 버튼라벨들 (버튼이름 바꾸기)
      • jQuery - AutoComplete-r3.2.2 자동완성기능 (공식홈페이지와 다른것)
      설 연수
      설 연수

      티스토리툴바