728x90
반응형
1) 다운로드
jqGrid를 사용하려면
jQuery와 jQuery UI 도 같이 다운받아야 한다.
<<첨부파일 참조>>
나 같은경우에
framework내에 폴더를 하나로 묶어서 한꺼번에 넣어놓고 링크시키는 방법을 사용했다.
<< 다운 참조 사이트 : 여러개의 사이트를 참조. 구글링으로 찾으면 바로 나옴 >>
2) page내에 include하기
처음 jqgrid를 했을때 무조건 따라하기-샘플코드로 돌려보기 이므로 그대로 따라해보았다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 |
<%@page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf8"%>
<%@include file="../sys3/taglib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- http 부분 추가 안해주면 깨짐현상 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" media="screen" href="/jqgrid/jquery-ui-1.10.3.custom/jquery-ui-1.10.3.custom/css/ui-lightness/jquery-ui-1.10.3.custom.css"/>
<link rel="stylesheet" type="text/css" media="screen" href="/jqgrid/jquery.jqGrid-4.5.4/css/ui.jqgrid.css"/>
<link rel="stylesheet" type="text/css" media="screen" href="/jqgrid/jquery.jqGrid-4.5.4/plugins/ui.multiselect.css"/>
<script type="text/javascript" src="/jqgrid/jquery.jqGrid-4.5.4/js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="/jqgrid/jquery-ui-1.10.3.custom/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="/jqgrid/jquery.jqGrid-4.5.4/js/i18n/grid.locale-en.js"></script>
<script type="text/javascript" src="/jqgrid/jquery.jqGrid-4.5.4/js/jquery.jqGrid.min.js"></script>
<!-- js 추가시 순서 중요. jquery -> locale-en -> jqgrid 순서로 include 한다--> |
728x90
반응형
'jqGrid > 소스코드' 카테고리의 다른 글
| [jQuery] jqGrid - loadColplete 옵션을 이용한 특정 Row Color 변경하기 (0) | 2015.10.22 |
|---|---|
| jQgrid의 지정한 칼럼, 지정한 열을 다른색으로 지정하기 (0) | 2015.10.22 |
| 창크기에 따라 jqgrid width 조정하기 (0) | 2015.10.16 |
| jqgrid 자주 쓰는 것들 (0) | 2015.09.24 |
| Jqgrid ROW에 BOLD 적용 (0) | 2015.09.24 |
| (JQuery UI Plugin) jqGrid 웹(HTML) GRID 컴포넌트 사용 방법 (0) | 2015.05.29 |
| jqGrid - Step2) local에서 임시데이터로 Display Test (0) | 2015.05.29 |
| 44] 플로그인 jqGrid + mysql 데이터 검색/추가/삭제/수정 구현예제 (1) | 2014.08.19 |
nineDeveloper
안녕하세요 현직 개발자 입니다 ~ 빠르게 변화하는 세상에 뒤쳐지지 않도록 우리모두 열심히 공부합시다 ~! 개발공부는 넘나 재미있는 것~!