-
제품 및 기술 관련 문의/상담이 필요하신가요?
솔루션 도입 상담 받아보기
컴포넌트 기반의 차트, 그리드, 가상키보드 솔루션으로 온라인 구매 가능합니다.
HTML5 기반의 테이블 확장 컴포넌트
최고의 퍼포먼스를 자랑하며, 실시간 데이터 바인딩이 가능한 솔루션
우수한 속도
10만건의 데이터를 약 0.2초에 로드할 정도로 빠른 속도를 자랑합니다. 소팅과 필터링 기능도 끊김없이 빠르게 처리합니다.
실시간 데이터 바인딩
주식, 선물, 옵션에 대한 실시간 정보를 업데이트 하는 수준의 실시간 데이터 바인딩이 가능합니다.
플러그인
50개 이상의 API와 EVENT, 그리드 마크업 모델, 그리드 데이터 모델을 이용해 그리드 기능을 확장하는 플러그인을 만들 수 있습니다. (컬럼세팅, 필터링,컬럼그룹, 레포팅, 드릴링 등)
코드 뷰어 제공
그리드 적용에 앞서 자체 코드뷰어(Webponent Publisher)를 통하여 실시간으로 그리드를 제작 및 미리보기를 할 수 있는 환경을 제공합니다.
차트와의 연계
Webponet Chart와 유기적으로 연계가 가능합니다.
웹접근성 준수
스크린 리더를 위한 마크업을 지원하고, 키보드만으로도 그리드를 조작할 수 있습니다.
크로스 브라우징
IE8+, Chrome, Firefox, Safari 등 PC 브라우저 뿐만 아니라 모바일 전용 웹브라우저 모두 깔끔하게 동작합니다.
멀티 디바이스
하나의 소스로 PC, 태블릿, 모바일 등 어떤 기기에서도 최적화되어 작동합니다.
속성정의 |
전체 또는 컬럼별 변경가능 |
|---|---|
CSS 스타일 적용 |
가능 |
스타일정의 |
전체 또는 컬럼별 변경가능 |
동적속성제어 |
가능 (행/셀) |
정렬기능 |
가능(개별, 다중, 특정 등 선택 정의 가능 다수) |
필터링 및 검색 |
가능 |
컬럼(열) |
변경가능 (그룹, 이동, 틀고정, 숨기기 등 다수) |
셀렉터(Selector) |
가능 |
로우(행) |
변경가능 (배경색, 포맷형식, 높이 등 다수) |
계층형 자료 |
가능 (Top-down, Bottom-up, Grouping 등 다수) |
셀(Cell) |
전체 또는 셀별 변경 및 제어 가능 |
데이터 제어 |
가능 |
병합 |
가능 |
자동합산 |
가능 (소계, 전체합계 등 다수) |
선택제어 |
가능 (행 별, 셀 별 다수 선택 가능) |
랜더러 |
가능 (체크박스, 콤보박스, 링크 등 다수) |
포매터(Formatter) |
숫자, 날짜, 가격 등 형식 변환 가능 |
다국어 지원 |
가능 (영어, 중국어, 일본어, 러시아어 등 다수) |
푸터(Footer)* |
변경 가능 - 데이터의 양이 많은 경우, 스크롤시에 특정 하단의 필드는 (ex. 전체합계) 고정되게 하는 기능 |
속성정의 |
전체 또는 컬럼별 변경가능 |
CSS 스타일 적용 |
가능 |
||
|---|---|---|---|---|---|
스타일정의 |
전체 또는 컬럼별 변경가능 |
동적속성제어 |
가능 (행/셀) |
||
정렬기능 |
가능(개별, 다중, 특정 등 선택 정의 가능 다수) |
필터링 및 검색 |
가능 |
||
컬럼(열) |
변경가능 (그룹, 이동, 틀고정, 숨기기 등 다수) |
셀렉터(Selector) |
가능 (Top-down, Bottom-up, Grouping 등 다수) |
||
로우(행) |
변경가능 (배경색, 포맷형식, 높이 등 다수) |
계층형 자료 (보이기/숨기기) |
가능 (Top-down, Bottom-up, Grouping 등 다수) |
||
셀(Cell) |
전체 또는 셀별 변경 및 제어 가능 |
데이터 제어 |
가능 |
||
병합 |
가능 |
자동합산 |
가능 (소계, 전체합계 등 다수) |
||
선택제어 |
가능(행 별, 셀 별 다수 선택 가능) |
렌더러 |
가능 (체크박스, 콤보박스, 링크 등 다수) |
||
포매터(Formatter) |
숫자, 날짜, 가격 등 형식 변환가능 |
다국어 지원 |
가능 (영어, 중국어, 일본어, 러시아어 등 다수) |
||
푸터(Footer)* |
변경 가능 - 데이터의 양이 많은 경우, 스크롤시에 특정 하단의 필드는 (ex. 전체합계) 고정되게 하는 기능 |
||||
구매 혹은 트라이얼
제품을 구매하거나 무료 트라이얼을 다운로드 받습니다.
라이센스키 발급
구매 혹은 트라이얼 다운로드를 통해서 라이센스키를 발급받습니다.
루트 경로에 추가
구매시 ‘webponent licenseKey.js’ 파일을 루트 경로에 생성하며 라이센스키(마이페이지에서 확인)를 복사하여 붙여 넣습니다. 트라이얼 다운로드시 압축파일내 ‘webponent.licenseKey.js’를 복사하여 루트 정보에 추가합니다.
초기화
HTML과 Javascript 코드를 통해서 그리드를 초기화 시킵니다.
확장
플러그인을 사용하여 확장기능을 추가합니다. 웹포넌트가 제공하는 전용에디터에서 샘플코드를 참조할 수 있습니다.
구분 |
설명 |
|---|---|
1 |
웹포넌트 퍼블리셔는 웹브라우저에서 웹포넌트 그리드 및 차트의 샘플 코드를 볼 수 있는 코드 뷰어 및 편집 서비스 툴 입니다. |
2 |
회원가입을 하면 직접 편집 기능 까지 사용할 수 있습니다. |
3 |
각 상황에 맞는 HTML, CSS, JavaScript의 샘플 코드가 정리되어 있습니다. 편집창 크기 조절도 할 수 있어 편리합니다. |
4 |
ajax 데이터 호출, 이벤트 추가, 크기 설정, 로우 조작 등 60개 이상의 메뉴가 있습니다. |
5 |
실제 제품에서 바로 결과를 확인할 수 있습니다. 부드러운 스크롤과 빠른 속도를 확인해 보세요. |
구분 |
명칭 |
설명 |
|---|---|---|
1 |
라이브러리 표시 |
마우스를 올려 놓았을때 현재 로드된 라이브러리들을 볼 수 있습니다. X버튼을 이용해서 현재 샘플에 등록된 라이브러리를 해제할 수 있습니다. |
2 |
라이브러리 추가 버튼 |
샘플에 새로운 라이브러리를 추가할 수 있습니다. 추가한 라이브러리는 "라이브러리 표시"버튼에서 확인할 수 있습니다. |
3 |
리셋버튼 |
샘플소스를 삭제하고, 등록된 모든 라이브러리들이 해제됩니다. |
4 |
HTML내보내기 |
HTML로 생성된 샘플의 URL을 얻을수 있습니다. |
5 |
에디터 숨기기 버튼 |
필요없는 에디터를 숨김으로써 작업공간을 넓힐 수 있습니다. |
6 |
고객지원 버튼 |
피드백 사이트로 이동합니다. |
7 |
전체소스 보기 버튼 |
각 에디터에 나뉘어져있는 소스를 하나로 합쳐서 볼 수 있습니다. |
8 |
샘플 전체 화면 |
샘플을 새창에 띄웁니다. |
