Translate

2019년 6월 2일 일요일

[jqGrid] jQuery UI 통합 소개







jqGrid는 jQuery 플러그인이기 때문에 기능을 새로 만들지 않아도 된다.
이것이 jQuery UI 라이브러리를 사용하여 jqGrid 에서 작업을 수행하는 이유다.


요구사항 및 설치

 - jqGrid에서 만든것들을 사용하려면 header 부분에 jQuery UI 라이브러리를 추가해야 한다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>My First Grid</title>
 
<link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
 
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
 
</head>
<body>
...
</body>
</html>

jquery-ui-1.7.2.custom.min.js 가 jQuery UI 라이브러리인경우 혼동을 주지 않기 위해 풀버전 UI 라이브러리를 다운로드 하기 바란다.


참고
 - http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jquery_ui_intro

댓글 없음 :

댓글 쓰기