본문 바로가기

jQuery/jqGrid

[jqGrid] 폰트 크기(font size) 변경 01. jqGrid의 기본적으로 폰트 사이즈를 지정하지 않은경우 는 아래와 같이 출력된다. 02. 아래의 소스를 스타일로 적용한다. 03. 아래 화면과 같이 전체적인 글자 크기가 변경됨을 확인할 수 있다. 더보기
[jqGrid] jqGrid에서 멀티 체크(Custom Multi Select) 기능 구현 01. 체크한 행의 Row Number 알아내기 ① JavaScript Code // 체크된 항목의 ROW NUMBER를 알려주는 함수 jQuery("#cm1").click( function() { var s = jQuery("#grid").jqGrid('getGridParam', 'selarrrow'); alert(s); }); ② HTML 선택 Row Number(행) 확인 ③ 실행화면 02. 특정행 체크 On/Off ① JavaScript Code // 특정행 자동 체크 On/Off jQuery("#cm1s").click( function() { jQuery("#grid").jqGrid('setSelection', "4"); jQuery("#grid").jqGrid('setSelection', "7.. 더보기
[jqGrid] JSP에서 jqGrid 설정하기 01. 이클립스에 Dynamic Web Project를 만든다. 02. PjtJQGridTest라는 이름으로 새롭게 프로젝트를 생성했다. 03. 생성된 프로젝트의 WebContent 폴더 아래에 새로운 폴더 css와 js를 만듭니다. 04. 생성된 프로젝트의 WebContent 폴더 아래에 새로운 폴더 css와 js를 만듭니다. 05. 아래 경로로 이동하여 페이지 아래에 있난 jqGrid 플러그인을 다운받는다. URL : http://www.trirand.com/blog/?page_id=6 06. 다운받은 jqGrid 플러그인 파일의 압축을 해제한다. 07. 다운받은 파일의 css폴더의 ui.jqgrid.css를 PjtJQGridTest 프로젝트에 생성해둔 css폴더로 복사한다. 08. 다운받은 파일의 .. 더보기