JqGrid 사용법 - ① 환경설정 및 기본세팅
JqGrid란?
jqGrid는 jQuery 라이브러리를 이용한 Grid Plugin 이다
웹에서 테이블 형식의 데이터를 표시하고 조작을 위한 Ajax 기반 자바스크립트 컨트롤러
기본적으로 jQuery-UI를 이용한다
JqGrid를 사용하기 위해선 우선 라이브러리를 다운받아야 한다
* 본인의 jquey 버전과 맞추어 다운로드 받으면 됨
* 둘중 다운이 가능한 홈페이지에서 다운 받으면 됨
jQuery jqGrid | jQuery Plugin Registry
jQuery jqGrid | jQuery Plugin Registry
jQuery jqGrid by Tony Tomov jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Versions Version Date 4.6.0 Feb 20 2014 4.5.4 Oct 6 2013 4.5.2 May 21 2013 4.5.0 May 13 2013 4.4.5 A
plugins.jquery.com
jQuery Grid Plugin – jqGrid » Downloads (trirand.com)
jQuery Grid Plugin – jqGrid » Downloads
www.trirand.com
- 위에서 다운로드 받은 라이브러리의 zip을 풀고, css, js등에 해당되는 파일을 패키지 안에 넣어준 뒤 플러그인 하면 됨
- 본인은 회사에서 이미 다운로드 되어 있는 js 파일들을 사용했지만 본인이 넣은 라이브러리의 경로를 잘 신경써서 플러그
인 경로를 써주면 됨
<link rel="stylesheet" type="text/css" href="/js/common/jquery/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/jqGrid/css/ui.jqgrid.css" />
// jQuery js파일을 jqGrid js파일보다 상위에 선언해야함
<script src="<%=request.getContextPath()%>/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/jquery/grid/jquery.jqGrid.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/testCss/test.css">