RealGrid WEB Data Grid Component

RealGrid 컴포넌트 사용을 위한 기본 개념과 개발 절차에 대해서 설명 합니다.

RealGrid WEB Data Grid Component RealGrid 컴포넌트 사용을 위한 기본 개념과 개발 절차에 대해서 설명 합니다.

RealGrid 기능 소개

RealGrid는 업무용 프로그램 개발에서 데이터를 표 형태로 보여주는 그리드 컴포넌트로 주요 기능을 8가지로 나누어 설명 합니다.

동영상 부터 보시죠

1. 대용량 데이터 처리

대용량 데이터를 웹에서 처리한다는 것은 단순히 로딩 만의 문제는 아닙니다읽어온 데이터를 브라우저 상에서 빠르게 스크롤하거나 소팅, 그룹핑 할 수 있습니다.

http://demo.realgrid.net/Demo/LargeDataTest

한 번에 그려야 할 500개 이상의 셀을 가지는 화면에서도 안정적인 스크롤을 보장합니다.

http://demo.realgrid.net/Demo/ScrollTest2

 

2. 웹 화면의 트랜잭션 업무지원

행이 가지고 있는 상태(Row Status)를 이용하면 이 페이지 저 페이지 옮겨 다니지 않고

여러행, 여러셀에 대한 입력/수정/삭제를 일괄로 처리 할 수 있습니다.

http://demo.realgrid.net/Demo/RowState

Snapshot 수준의 데이터 롤백 기능을 제공합니다.

그리드에 담긴 데이터를 추가/수정/삭제 작업으로 데이터셋이 변경된 후 특정 시점(Save Point)에 데이터셋 전체 복사본을 별도로 저장해 두고 이 후에 이 값들로 복원 시킬 수 있는 기능입니다.

http://demo.realgrid.net/Demo/DataRollback

 

3. 다양한 시각적 표현 방법

셀이 가지고 있는 값에 따라 색깔 폰트를 다르게 지정하거나 사용자가 임의의 셀을 선택해서 색깔을 바꾸게 하거나

셀 속에 차트를 넣을 수 있습니다.

http://demo.realgrid.net/Demo/SparkLineRenderer

셀 속에 그림을 집어 넣을 수 있습니다.

http://demo.realgrid.net/Demo/ImageCellRenderer

그리드 안에 선, 컬럼 차트를 표현할 수 있습니다.

http://demo.realgrid.net/Demo/SparkLineRenderer

 

4. 자연스러운 편집기능

여러가지 에디터의 키보드 동작, 사용자 경험(UX)을 타 제품과 비교해 보시기 바랍니다.

키보드로 셀간을 이동하다가 즉시 편집할 수 있습니다.

백스페이스키를 이용해 셀의 내용을 즉시 삭제 할 수 있습니다.

(보통 백스페이스키는 웹페이지에서 뒤로가기가 실행 됩니다.)

다른 제품에서 비활성 상태에서 한글을 입력했을때 깨짐현상이 있는지 확인해 보시기 바랍니다.

마치 윈도우 어플리케이션과 같은 편안한 RealGrid의 동작을 직접 확인해 보시기 바랍니다.

http://demo.realgrid.net/Demo/Editors

 

5. 데이터 타입

리얼그리드 DataProvider DataField 가지 자료형 하나가 있습니다.

Text, Number, Boolean, Datetime 그것들인데, RealGrids.DataType 상수로 선언되어 있습니다.

데이터 타입에 따라 4번에 설명한 편집기를 선택적으로 사용할 있습니다.

http://demo.realgrid.net/Demo/DataType

 

6. 데이터 정렬 및 찾기

사용자는 컬럼 헤더를 클릭하여 컬럼이 참조하는 필드 값들을 기준으로 데이터셋을 정렬시킬 있습니다.

또한, 옵션 설정에 따라 복수 필드에 대한 정렬 방식을 지정할 있습니다.

http://demo.realgrid.net/Demo/ColumnSorting

하나 이상의 필드에 대해 단위 검색을 있습니다.

검색 옵션을 이용하면 "부분 단어", "대소문자 구분" 조건 등으로 검색할 있습니다. 
http://demo.realgrid.net/Demo/SearchRow

 

7. 엑셀 다운로드와 복사 붙여넣기

RealGrid 표시되고 있는 데이터셋을 컬럼 구조와 기본적인 스타일 정보를 포함하여 Excel 파일로 내보내기 있습니다.

http://demo.realgrid.net/Demo/ExcelColumnGroup

리얼그리드는 선택된 하나 이상의 셀을 클립보드로 복사하거나하나 이상의 셀을 구성하는 클립보드 데이터를 그리드로 붙여넣을 있습니다.

리얼그리드에서 Ctrl+C Ctrl+V 키를 직접 입력해서 기능을 확인해 보십시오.

http://demo.realgrid.net/Demo/CopyAndPaste

 

8. 다양하게 표현할 있는 Layout

컬럼을 그룹으로 묶어 표현 있어 복잡한 레이아웃을 표현 있습니다.

http://demo.realgrid.net/Demo/ColumnGrouping

머지 기능으로 컬럼에 속한 셀들을 묶어서 표시할 있습니다.

http://demo.realgrid.net/Demo/ColumnCellMerging

사용자가 컬럼을 그룹 판넬에 끌어다 놓으면 Row Grouping 되고 summary mode 통해서  그룹의 푸터에 표시할 있는 합계나 평균과 같은 값의 종류를 지정할 있습니다.

http://demo.realgrid.net/Demo/RowGrouping

 

댓글

댓글 본문
버전 관리
escaman
현재 버전
선택 버전
graphittie 자세히 보기