|
 |
draggableColumns : 컬럼 이동가능여부 조정 (true,false중 택일, 기본 false)
headerHeight : 헤더의 높이 조정 (단위:pixel)
horizontalScrollPolicy : 좌우 스크롤 표시 조정 (auto,on,off중 택일, 기본 off)
rowHeight : 행의 높이 조정(단위:pixel)
selectionMode : 그리드의 선택모드 설정 (multipleCells, multipleRows, none, singleCell, singleRow 중 택일, 기본은 singleCell)
showHeaders : 헤더 표시여부 조정 (true,false중 택일)
sortableColumns : 컬럼 정렬가능여부 조정 (true,false중 택일, 기본 false)
verticalScrollPolicy : 상하 스크롤 표시 조정 (auto,on,off중 택일, 기본 auto)
variableRowHeight : 행 높이 자동 조정 여부 (true일 경우 rowHeight로 설정된 값은 무효화 됩니다)
columnWidth : 컬럼 기본 폭 지정 (단위:pixel)
doubleClickEnabled : 더블클릭 가능여부 (true,false중 택일, 기본 false, true의 경우 더블클릭하면 해당 셀을 수정할수 있게 됩니다)
editable : 수정모드 지정 (true,false중 택일, 기본 false)
enabled : 전체 잠금 여부 (true,false중 택일, 기본 true)
groupRowHeight : 그룹된 행의 높이 조정 (단위:pixel, 기본 -1)
headerWordWrap : 헤더에서 글자길이가 길때 글자를 꺾어서 다음줄에 표현할지,… 으로 표현할지(true,false중 택일, 기본 false)
liveScrolling : 스크롤 이동시 화면갱신의 여부. false:마우스를 놓아야 해당 행이 보임 (true,false중 택일, 기본 true)
lockedRowCount : 틀고정 행 설정 (0이면 해제)
lockedColumnCount : 틀고정 열 설정 (0이면 해제)
minColumnWidth : 컬럼 기본 최소 폭 지정 (단위:pixel)
showScrollTips : 스크롤 이동시 행번호를 표시하는 툴팁을 보여줄지 여부 (true,false중 택일, 기본 false)
sortExpertMode : 화면에 정렬표시아이콘이 나타나지 않고, Ctrl Key를 통해 정렬여부를 조정 (true,false중 택일, 기본 true)
wordWrap : 글자길이가 길 때 글자를 꺽어서 다음줄에 표시할지 … 으로 표시할지를 조정 (true,false중 택일, 기본 false)
|
|
 |
alternatingItemColors : 배경색 지정
color : 폰트색 지정
fontWeight : 폰트 bold 지정 (bold,normal중 택일, 기본 normal)
fontStyle : 폰트 italic 지정 (italic,normal중 택일, 기본 normal)
fontFamily : 폰트 지정fontSize 폰트크기 지정(단위:pixel)
headerColors : 헤더 배경색 지정
horizontalGridLines : 가로눈금줄 표시 조정 (true,false중 택일, 기본 false)
horizontalGridLineColor : 가로 눈금줄 색 지정
textDecoration : 폰트 underline 지정 (underline,none중 택일, 기본 none)
verticalAlign : 셀 세로 정렬 지정 (top,middle,bottom중 택일, 기본 top)
verticalGridLines : 세로 눈금줄 표시 지정 (true,false중 택일, 기본 true)
verticalGridLineColor : 세로 눈금줄 색 지정
borderColor : 테두리색 지정
borderStyle : 테두리모양 지정 (none,solid,inset,outset중 택일, 기본 solid)
borderThickness : 테두리 두께 지정 (borderStyle이 'solid'일때만 작동, 기본 1)
disabledColor : 잠긴상태(enabled가 false인 경우) 폰트색 지정
paddingBottom : 아래쪽 padding 크기 지정(헤더를 포함한 전체 셀에 적용됨, 기본 2)
paddingLeft : 왼쪽 padding 크기 지정(기본 2)
paddingRight : 오른쪽 padding 크기 지정(기본 0)
paddingTop : 윗쪽 padding 크기 지정(헤더를 포함한 전체 셀에 적용됨, 기본 2)
rollOverColor : 마우스 오버된 셀 또는 행의 바탕색 지정
selectionColor : 선택된 셀 또는 행의 바탕색 지정
textAlign : 셀들의 기본 수평정렬 지정 (left,right,center중 택일, 기본 left)
|
|
 |
dataField : 표시해야 할 데이타 필드 지정
editable : Editing 모드 지정(true,false중 택일, 기본 true)
editorUsesEnterKey : 수정 모드시 엔터키에 의한 다음 셀 편집기능 사용여부 지정 (true,false중 택일, 기본 true)
formatter : 표시 속성
headerText : 헤더 라벨 지정
minWidth : 컬럼폭 최소크기 지정(단위:pixel, 기본 20)
resizable : 폭 조정가능 여부 (true,false중 택일, 기본 true)
sortable : 정렬기능가능 여부 (true,false중 택일, 기본 true, 위의 그리드에서 sortableColumns이 true일때 동작)
truncateToFit : 글이 긴 경우, 글 줄임표 사용여부 (true,false중 택일, 기본 false)
visible : 보이기/숨기기 (true,false중 택일, 기본 true)
width : 폭 지정(단위:pixel, 기본 100)
|
|
 |
color : 폰트색 지정
backgroundColor : 배경색 지정
headerStyleName : 헤더의 스타일명 지정
textAlign : 수평정렬 지정 (left,right,center중 택일, 기본 left)
fontWeight : 폰트 bold 지정 (bold,normal중 택일, 기본 normal)
textDecoration : 폰트 underline 지정 (underline,none중 택일, 기본 none)
fontStyle : 폰트 italic 지정 (italic,normal중 택일, 기본 normal)
fontSize : 폰트크기 지정
fontFamily : 폰트 지정
|
|
 |
컬럼정렬 : 개별컬럼별 정렬
다중컬럼 정렬 : 여러 개의 컬럼을 우선순위에 따라서 정렬
Ctrl Key + 다중정렬 : Ctrl Key 를 이용한 정렬
특정컬럼은 정렬이 안되도록 설정가능
데이터가 XML인 경우(즉 문자로 간주) : 문자열 정렬로 이루어지나, 숫자로만 이루어진 XML의 경우 숫자정렬로 지정가능
|
|
 |
기본컬럼 생성 : 기본적인 하나의 컬럼을 생성
그룹컬럼 생성 : 여러 개의 컬럼이지만, 컬럼의 헤더에 병합등으로 맺어진 상호 연관성이 있는 그룹컬럼의 생성
컬럼 이동 : 마우스 드래그를 통한 컬럼의 이동
컬럼 틀고정 : 스크롤시에 스크롤 범위에 포함되지 않도록 틀고정
컬럼 보이기/숨기기 : 컬럼의 visible속성을 이용하여 특정 컬럼을 보이거나 숨길 수 있습니다
자바스크립트를 이용하여 컬럼의 라벨 변경기능
자바스크립트를 이용하여 컬럼의 스타일 변경기능
자바스크립트를 이용하여 원하는 컬럼의 셀에 데이터팁(툴팁)을 적용가능
사용자 정의 숫자표시 포맷 : 해당 컬럼에 대하여 자동으로 통화(\, $), 천단위 ‘,’ 삽입기능, ‘원’삽입 등의 다양한 포맷을지원
|
|
 |
행별 지정 : 스타일, 배경색, 잠금, 포맷, 높이 등을 행별로 지정가능
로우틀고정 : 스크롤시에 스크롤 범위에 포함되지 않도록 틀고정
컬럼 및 로우 틀고정 : 스크롤시에 스크롤 범위에 포함되지 않도록 틀고정
|
|
 |
셀별로 스타일,배경색,포맷,병합 등을 지정할 수 있습니다.
모든 셀별로(상단의 헤더포함) 데이터팁(툴팁)을 자바스크립트를 통해 넣을 수 있습니다.(사용자정의 툴팁이 가능)
|
|
 |
병합할 셀에 대한 정보를 데이터에 넣어 병합을 할 수 있음.
자바스크립트 함수호출을 통해 병합처리를 할 수 있음.
필드 자동병합 : 데이타의 특정 필드를 지정하여 동일한 데이타일 경우 자동으로 병합합니다.
|
|
 |
소계, 전체합계 : 데이타의 특정 필드를 지정하여 동일한 데이타일 경우 자동병합하며, 소계 및 전체 합계를 넣어줍니다.
합산의 라벨변경 : 자동합산이 표시되는 “합계”란의 이름을 자바스크립트를 이용하여 변경할 수 있음.
전체합계 : 데이타에 자동으로 전체 합계를 넣어줍니다.
|
|
 |
푸터는 데이터의 양이 많은 경우, 스크롤시에 특정 하단의 필드는(가령:전체합계) 고정되게 하는 기능입니다.
푸터는 기본속성(라벨명, 바탕컬러, 폰트색/크기, 행높이 등)이 있으며, 자바스크립트를 통해 라벨명을 변경할 수 있습니다.
|
|
 |
Number Formatter : 숫자를 주어진 포맷으로 변환
Date Formatter : 날짜를 주어진 포맷으로 변환
Percent Formatter : 숫자를 주어진 퍼센트 포맷으로 변환
Number Mask Formatter : 숫자를 주어진 마스크 포맷으로 변환
Currency Formatter : 숫자를 주어진 화폐 포맷으로 변환
|
|
 |
|
CSS형식으로 스타일명에 의한 스타일 지정이 가능합니다.
|
|
 |
데이터에 속성정보 넣기 : Xml 혹은 Array 데이터에 병합 및 개별 행,셀의 속성을 지정하여 이를 제어
함수 호출을 이용하여 행이나, 셀에 대한 속성지정하기
행별 속성제어 : 스타일, 배경색, 잠금, 포맷, 높이
셀별 속성제어 : 스타일, 배경색, 포맷, 병합
|
|
 |
JavaScript 연동편집(XML) : XML폼을 통한 편집, 행삭제, 행수정, 행추가, 맨끝에 행추가, 전체삭제, 수정내역보기
JavaScript 연동편집(Object) : 항목별 편집으로 행삭제, 행수정, 행추가, 맨끝에 행추가, 전체삭제, 수정내역보기
그리드내 편집 : 행간에서 수정작업, 맨끝에 행추가, 전체삭제, 수정내역보기, 수정내역 XML로 보기
PopUp 연동 : Popup을 통해서 데이터 수정, -> 수정내역보기, 수정내역 XML로 보기
수정용컴포넌트로 편집 : 체크박스, 콤보박스, 달력, 직접입력등의 다양한 수정방법등을 제공합니다.
편집가능 여부를 제어
편집된 셀에 대한 정보를 이벤트로 받을 수 있습니다.
글자수 / 문자혹은숫자 / 자동단위삽입 기능
|
|
 |
Excel CSV import : CSV 포맷을 import 시킬 수 있습니다.
Excel export : 엑셀파일로 export 시킬수 있습니다. 상단 타이틀을 제외하고 데이터만 export 할 수도 있습니다.
Excel export 제목,꼬리말 : 머리말과 꼬리말을 달아서 export 할 수 있습니다.
Export 할 컬럼을 지정하여 해당 컬럼만 excel export가 가능하게 합니다.
|
|
 |
필터링 : 특정 조건에 해당하는 row만 선택해서 display
컬러를 다르게 표시 : 특정 조건을 만족하는 셀의 컬러를 다르게 표시하는 기능
검색 : 특정 값을 포함한 row를 검색하여 보여줌. 다음찾기, 이전찾기 기능 제공 |
|
 |
탑다운 Hierarchy : Top-Down 방식으로 Total -> Sub Total -> 세부내역의 형태로 자료를 숨김 -> 펼침을 통해 내역을 조회.
보텀업 Hierarchy : Bottom-Up방식으로 세부내역-> Sub Total -> 전체 Total로 펼쳐짐을 통해내역을 조회.
그룹핑 기능 : 그룹핑 기능을 통해, 동일한 필드가 있는 항목만을 그룹핑하여 이를 펼치기/숨기기 할 수가 있습니다.
Expansion : Hierarchy가 상하로의 펼침/숨김이라면, Expansion 좌우로의 펼침/숨김 기능을 의미하며, 이에 대한 기능을 지원 |
|
 |
자바스크립트에 의한 데이터제어 : 자바스크립트에서 데이터의 개별레코드를 조회하고, 전체 레코드를 계산
필드 데이터 제어 : 자바스크립트를 통해 데이터의 개별 필드를 조회하고, 수정하여 다시 저장하는 기능 제공
XML데이터 파싱 : 데이터가 XML일 경우 레코드 단위의 데이터를 자바스크립트로 파싱하는 기능 제공
합산 레코드 제어 : 합산된 값을 찾아내고, 이를 변경하는 기능 제공
|
|
 |
CheckBox 를 통한 전체 로우 선택 및 개별 행선택
CheckBox 를 통한 로딩시 선택된 행(들)의 지정
Radio 버튼을 통한 행 선택
|
|
 |
한 행 선택
기본 선택 행 지정 (행의 row index 지정)
여러 행 선택
기본 선택 행들 지정 (행의 row index 들을 배열로 지정)
한 셀 선택
여러 셀 선택 등을 통해 선택된 셀에 대한 정보를 제공해 주며, 이를 받아 원하는 기능을 처리
마우스로 행 및 셀을 선택
선택내역 copy : 선택한 영역의 텍스트를 Clipboard로 복사합니다.
|
|
 |
CheckBox : 체크박스를 그리드내에 포함시킬 수 있습니다
Html : Html 문장을 그리드내에 포함시킬 수 있습니다
Html 헤더 : 헤더에 표현되는 문자를 간단한 Html(폰트관련 속성 및 br)로 넣을 수 있습니다.
Html link : 특정 컬럼의 셀에 간단한 Html 링크(A태그)를 넣을 수 있습니다.
데이타가 코드로 이루어진 필드에 대해 코드명으로 보여주게끔 할 수 있습니다.
Icon : ICON을 숫자나 문자앞에 포함시킬 수 있습니다.(특정 컬럼에 대한 일괄적용/개별적용 가능, icon 클릭시 이벤트 수신가능)
Image : Image 를 그리드의 한컬럼에 삽입할 수 있습니다.
Radio : Radio 버튼을 그리드내에 포함시킬 수 있습니다.
HandCursor (손모양) : 특정 컬럼이나, 특정 셀에 대하여 손모양 커스를 적용할 수 있습니다.
ComboBoxHeader : 헤더의 ComboBox를 변경하면 연결된 자바스크립트를 실행시켜 원하는 데이터만 가지고 오게 할 수 있습니다.
|
|
 |
| Context Menu 지정 : 마우스 오른쪽 버튼클릭을 통해 원하는 메뉴를 삽입할 수 있습니다. |
|
 |
XML URL : 데이터에 대한 정보를 XML파일에 저장하여 이 파일의 URL을 넘겨서 그리드를 표현함.
JSON URL : 데이터에 대한 정보를 JSON 포맷으로 만들어 이 파일의 URL을 넘겨 그리드를 표현함.
XML String : 데이터 정보를 프로그램(JSP,ASP,.NET,JAVA등)내에서 스트링으로 만들어 이를 넘겨 그리드 표현.
JSON String : 데이터에 대한 정보를 프로그램내에서 JSON포맷의 스트링으로 만들어 이를 넘겨서 그리드를 표현함.
JavaScript 배열로 넣기 : 데이터에 대한 정보를 프로그램내에서 배열형태로 만들어 이를 넘겨 그리드 표현.
동적데이터 변경 : 자바스크립트를 이용하여, 동적으로 데이터전체를 바꿈. (즉 이용자의 사전 선택에 따라 서로 다른 데이터셋 표현)
|
|
 |
여러 개의 그리드 생성 : 동일한 화면 내에서 다수의 그리드를 생성할 수 있습니다.
그리드와 그리드간의 연동 : 다수의 그리드간에 데이터를 상호 전달/수신할 수 있습니다.
그리드와 차트간의 연동 : 당사의 rMate Chart와 연동하여, 그리드데이타를 차트로 실시간으로 보여줄 수 있습니다.
타 객체로 데이터넘기기 : 그리드의 데이터를 자바스크립트를 통해서 넘겨받을 수 있습니다. |
|
 |
| 클릭시 이벤트 받기 : 그리드 내의 특정 로우나 셀에 대하여 클릭시에 이에 대한 정보를 넘겨받을 수 있습니다. |
|
 |
약 3만건의 데이터의 경우 3~4초정도 소요됨(단순조회용에 한함. 상호 연관된 데이터간의 내부계산이 필요한 경우 추가시간 소요)
다량의 데이터일 경우 스크롤바에 툴팁을 붙여 현재 데이터의 위치(즉 행번호)를 알 수 있게 표시함.
|
|
 |
그리드내의 데이터에 대하여 다국어가 지원됩니다.(영어, 중국어, 일본어, 러시아어 기타 다수 언어 표현 가능)
그리드내에 표현하는 메시지에 대하여도 다국어 표현이 가능합니다.
|
|
 |
그리드 위에 메시지 표시 : 데이터의 건수가 0 이거나, 기타 장애가 발생한 경우, 그리드 위에 메시지를 표시할 수 있습니다.
한글처리 : utf-8 및 euc-kr 인코딩으로도 한국어를 표현할 수 있습니다.
|
|
