AUI 그리드 ] AUI Grid 기본 사용법(에이유아이소프트)

URL : http://www.auisoft.net/about.html

 

해당 사이트로 접속 시

 

 

AUIGrid DEMO를 클릭해서 접속한다.

 

 

DownLoad Free Trial을 클릭한 후 요구하는 정보를 입력하면 기간제 AUI라이센스와 AUI 라이브러리를 다운받을 수 있다.

 

 

필요한 파일을 모두다운받았으면 설치를 해서 사용해야한다.

 

Grid 라이브러리 사용법은 생각보다 간단하다.

 

사용하려는 프로젝트의 위치를 선정하여 AUI라이브러리를 풀어준다.

 

그 후 JSP에 스크립트 태그를 이용해 사용할 수 있게 준비를 한다.

 

<script type="text/javascript" src="/aui/AUIGrid/AUIGridLicense.js"></script>

<script type="text/javascript" src="/aui/AUIGrid/AUIGrid.js"></script>

<link rel="stylesheet" type="text/css" href="/aui/AUIGrid/AUIGrid_style.css" />

 

<!-- <script type="text/javascript" src="/aui/AUIGrid/ajax.js"></script> -->

<!-- <script type="text/javascript" src="/aui/AUIGrid/common.js"></script> -->

 

여기서 ajax.js와 common.js는 Jquery를 사용하고 있는 프로젝트에선 사용하지 않아도 된다.

 

여기까지 했으면 이후로 사용하려는 코드는 샘플을 이용해서 개발을 하면 된다.

 

localhost 샘플 접근 방법은

 

http://localhost:8080/aui/samples/cell_click.html

 

이며, 해당 샘플 기능을 사용하고 분석하여 만들고자하는 기능을 구현하면 된다.