Translate

2019년 4월 9일 화요일

[jqGrid] jqGrid에서 제공하는 기능 및 기본구조








 jqGrid 무료 라이선스는 v4.7.1 까지이며 이후는 유료버전
 - 자세한 설명과 다운로드는 링크([jqGrid] 버전에 따른 유/무료 라이선스 정책) 참조

1004lucifer
여기서 설명하는 내용은 v4.7.1 이하의 버전에 해당된다.




기본 기능
1004lucifer

 1. CSS 기반 테마 - UI테마와 호환된다. 개발자는 UI CSS프레임워크를 이용하여 그리드 스킨을 커스텀할 수 있다.

 2. 속도 - 새로운 렌더링 엔진은 기존 버전보다 최대 5~10배 더 빠르다.

 3. 페이징 - 이 기능을 이용해 페이지별로 데이터를 표시할 수 있으며, 사용자가 마지막 페이지에 도달할때까지 서버에 조회하지 않는다. 개발자는 한번에 표시되는 row수를 제어할 수 있다.

 4. 컬럼 리사이징 - 컬럼의 width값을 변경가능하다.

 5. 소팅, 데이터타입 - 열의 헤더를 클릭하여 레코드를 정렬할 수 있으며, 개발자는 string, number, boolean, link, select, percent 등 다양한 유형의 정렬을 지정할 수 있다.

 6. 이벤트핸들러, user API - 이벤트 핸들러와 다양한 메소드가 유영하고 코딩을 줄여줄 것이다.

 7. 스크롤 시 데이터 자동로딩 - 이 기능을 이용하면 페이징 없이 데이터를 로드하고 수직 스크롤바만 사용이 가능하다.

 8. 로컬데이터 작업 - jqGrid는 배열로 정의된 로컬데이터 작업이 가능하다.

 9. 서버 호환성 - ASP, .net, PHP perl과 같은 모든 서버솔루션과 원활하게 호환된다.

 10. 크로스브라우저 - IE 6+, FireFox 2.0+, Safari 3.0+, Opera 9.2+, Chrome 지원

 11. 다국어 지원 - 현재 jqGrid는 20여개국 언어를 지원한다.

 12. 다양한 Data Source 지원 - XML, JSON 외 사용자 커스텀 데이터타입을 지원한다.

 13. SubGrids - SubGrid를 사용하여 하위 레코드의 데이터를 쉽게 사용가능하다.






Formatting


 1. 셀 컨텐츠의 고급 포멧을 지원한다.
 2. integer, number, data, currency, links, checkbox 등등 미리 정의된 타입이 있다.
 3. 개발자가 커스텀 Formatter 정의가 가능
 4. 다국어 설정 지원






Inline editing
1004lucifer

 * 에디팅이 허용하는 곳에서 특정 행의 셀내용을 쉽게 업데이트 가능하다.

 1. text, text area, checkbox, select, image, button 타입 지원
 2. 입력데이터의 클라이언트 유효성 검사 지원






Cell Editing


 * 개별 셀 편집 지원

 1. text, text area, checkbox, select, image, button 타입 지원
 2. 입력데이터의 클라이언트 유효성 검사 지원
 3. tab, shift tab, left, right, up, down 키보드 네이게이션 지원
 4. 유연한 이벤트






Form editing
1004lucifer

 * 그리드 데이터를 즉시 입력하거나 수정할 수 있는 form을 지원한다.

 1. text, text area, checkbox, select, image, button 타입 지원
 2. 입력데이터의 클라이언트 유효성 검사 지원
 3. tab, shift tab, left, right, up, down 키보드 네이게이션 지원
 4. 유연한 이벤트
 5. 작성부터 폐기까지 form의 완전한 컨트롤






Searching and Filtering


 * 그리드의 본문, 위, 아래에 그리드의 컬럼을 검색form 으로 기본적으로 나타날 수 있다.

 1. 단일 필드 검색
 2. 툴바 검색 (헤더 아래에 검색필드 위치)
 3. 복잡한 형태의 탐색
 4. 커스텀 정의된 고급검색






Tree Grid
1004lucifer

 * 중첩 설정된 모델을 지원

 1. 쉬운 설정
 2. tree nodes 자동 로딩
 3. 쉬운 조작의 리치클라이언트API






Import/Export


 * 전체 그리드 구성을 다른파일 형식으로 가져오거나 내보낼 수 있다.

 1. xml, json, xmlstring, jsonstring 포멧을 지원
 2. 구성 및 데이터를 한번에 가져올 수 있음.





기본구조


 1. Caption Layer: 데이터에 대한 공통정보
 2. Header Layer: 열에대한 정보 포함 (labels, width 등등)
 3. Body Layer: 서버에서 요청한 데이터로 컬럼 모델의 설정에 따라 보여진다.
 4. Navigation layer: 서버에서 요청받은 데이터의 정보가 보여지며, 페이징 기능과, 그리드 데이터를 편집, 삭제, 추가, 검색하기위한 버튼 및 링크를 추가하기위한 곳으로 쓰여진다.

 * Header, Body Layer는 최소조건이다.




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



댓글 없음 :

댓글 쓰기