Data Grid

Component Data Grid
chart 이미지
chart 버전, 다운로드, 데모 테이블
버전 데모 평가판 다운로드
HTML5 (v5.0) 데스크탑
모바일
* 이전버전의 평가판도 다운로드 하실 수 있습니다.
   ①다운로드->②정보기입->③이전버전 제품 다운로드.
* 제품소개서 및 기술자료는 자료실에서 받으실 수 있습니다.

rMate Grid for HTML5

  • 강력한 기능의 웹 및 모바일용 데이터그리드 컴포넌트
  • HTML5 및 Javs Script를 이용한 표준 데이터그리드
  • 크롬, Edge, 웨일, 파이어폭스, 사파리등의 브라우저에서 사용이 가능합니다.
  • HTML5가 지원되는 최신의 모바일 환경(스마트폰, 태블릿PC)에서 사용이 가능합니다.
  • 누구나 편리하게 사용할 수 있도록 Xml과 JSON, 배열,CSV, TSV 등의 형식으로 데이타를 주고받습니다.
  • 웹접근성을 준수합니다.

주요 특장점

주요특징
  • 정렬, 이동, 셀병합, 입력, 편집, 필터링, 검색, 엑셀연동등 핵심기능을 제공합니다.
  • Excel Import / Export, Copy & Paste 기능이 뛰어납니다.
  • 계층형보기, 자동합산, 선택제어, 렌더러, 푸터, Context Menu 등의 추가 기능을 제공합니다.
  • 자바스크립트를 이용한 이용자정의 함수 기능이 뛰어납니다.
  • 레이아웃과 데이터가 분리되어 있어, 대규모 개발에 용이합니다.
  • 웹접근성을 준수합니다.(시각장애인을 위한 스크린 리더기 지원, 마우스 없이 키보드만으로 행단위 혹은 셀단위 이동, 읽기 및 편집 가능.)
범용성
  • 브라우저 호환성 : 일체의 설치가 없이, 모든 브라우저(크롬, Edge, 웨일, 파이어폭스, 사파리등)
    에서 사용이 가능합니다.
  • 모바일 호환성 : HTML5 그리드는 최신의 모바일 환경(스마트폰, 태블릿PC)에서 사용이 가능합니다.
  • 국내 대부분의 대기업 및 공공기관, 금융기관에서 사용하고 있는 검증된 제품입니다.
  • 순수 국산기술로 개발되었기에 고객에게 신속한 응대를 제공해 드리고 있습니다.

기능적 특징

그리드의
주요기능
  • 정렬, 이동, 셀병합, 입력, 필터링, 검색, 엑셀연동등 핵심기능을 제공.
  • 컬럼 및 로우(행), 셀에 대한 속성제어 기능제공.
  • 웹상에서 입력 및 편집/수정 기능 제공.
  • 병합(행 및 열병합)기능 및 자동병합기능 제공.
  • 자동 행높이 조절기능 제공.
  • 계층형 자료 표현(보이기/숨기기)기능 제공.
  • 엑셀과의 연동 : 엑셀 import (csv, xls, xlsx 지원), 엑셀 export (xls, xlsx 지원), 엑셀과 그리드간의 Copy & Paste 기능제공.
  • 자동합산 (소계,전체합계,합산라벨변경등)기능제공.
  • 선택제어 (한행, 여러행, 한셀, 여러셀선택)기능제공.
  • 각종 랜더러(CheckBox, Icon, Image, Spark Chart 등)제공.
  • 헤더 및 셀내에 html 표시기능제공.
  • 행의 추가/수정/삭제 여부 표시 컬럼 제공.
  • 푸터(Footer)기능제공.
  • Lazy Loading 기능제공.

* 데모 및 자료실의 제품소개서에서 상세기능을 확인하실 수 있습니다.

그리드와
데이터의 연동
데이터는 XML 형식과 배열형식, JSON 형식, CSV(comma-separated values) 와 TSV(tab-separated values)
형식을 모두 지원하며, 파일(URL)로 전달할 수도 있고, String으로 전달할 수 있습니다.
그리드
레이아웃의 분리
rMate Grid의 생성은 레이아웃(LayOut)과 데이터(Data)가 필요합니다.
  • 레이아웃은 그리드의 컬럼이나, 로우의 ID나, 속성, 스타일등을 정의하기 위한 XML 파일 혹은 String입니다.
  • 데이터는 XML 형식과 배열형식, JSON 형식, CSV, TSV 형식을 모두 지원하며, 파일로 전달할 수도 있고, String으로 전달할 수 있습니다.
실행모듈
  • HTML5 그리드의 실행모듈은 Java Script로서 .js 파일이 제공됩니다.

운용환경적 특징

크로스 브라우저 지원 크롬, Edge, 웨일, 파이어폭스, 사파리등의 브라우져에서도 운용될 수 있습니다.
모바일 단말의 지원
(HTML5 그리드)
HTML5그리드: HTML5를 지원하는 모든 모바일 플랫폼(iOS, 안드로이드등)에서 지원됩니다.
서버의 OS 서버의 OS에 종속되지 않음 : Windows, Linux, Unix 등의 서버의 종류에 종속되지 않습니다.
서버의 DBMS 알메이트-그리드는 직접 DB에 접속하지 않습니다. DB 쿼리의 결과물을 XML이나 Json등으로 저희 제품에게
전달하며, 이용자의 입력내용 또한 서버로 XML이나 String으로 전달되며, 이를 DB에 반영하시면 됩니다.
따라서 서버의 DBMS는 어떤 제품을 사용하시더라도 무방합니다.
서버의 개발언어 서버의 개발언어에 종속되지 않습니다. 클라이언트의 그리드와 서버의 데이터 인터페이스는 XML이나
Array, Json등으로 이루어지므로 서버의 모든 개발언어에서 사용이 가능합니다.

구성도

서버와 클라이언트간의 데이터 흐름도
서버와 클라이언트간의 데이터 흐름도 이미지

시스템 요구사항

  • 서버 사이드 : rMate Grid는 톰캣, IIS, 웹로직, 웹스피어, 제우스, LCDS등등 모든 WEB/WAS서버에서 작동하며, 웹 스크립트 언어에 의존적이지 않습니다. (JSP,ASP,PHP,.NET,JAVA 등에서 모두 사용가능)
  • 클라이언트 사이드 : 윈도우, 리눅스, MAC 등의 OS에서 사용 가능, 모든 웹브라우저(크롬, Edge, 웨일, 파이어폭스, 사파리등) 에서 사용 가능합니다.
그리드의 구성도
그리드의 시스템구성도 이미지