제품 업데이트 상황을 확인 할 수 있습니다.
RealGrid+ 및 RealGridJS버전에 대한 API 도움말을 확인 할 수 있습니다.
RealGrid를 사용하여 웹사이트, 또는 웹애플리케이션을 개발하는 방법을 기초과정에서 고급과정까지 연습할 수 있는 강좌가 있습니다.
- RealGrid 설치 방법 배우기
- 간단한 화면 구성 방법 배우기
- 기초적인 데이터 입출력 방법 배우기
- A1 RealGridJS 설치하기
- A2 컬럼 만들기
- A3 필드 만들기
- A4 컬럼 수정하기
- A5 컬럼 필드 연결하기
- A6 데이터 넣기
- A7 필드하나에 컬럼 두개 연결 하기
- A8 포커스셀 이해하기
- A9 여러행 데이터와 RowId 이해하기
- A10 ItemModel과 ItemId 이해하기
- A11 Item과 Data의 다른점은?
- A12 소팅(sorting), 데이터 정렬하기 - I 단일 컬럼 정렬
- A13 소팅(sorting), 데이터 정렬하기 - II 다중 컬럼 정렬
- A14 소팅(sorting), 데이터 정렬하기 - III orderBy()함수 사용하기
- A15 로우 그룹핑(row grouping) - I 패널(panel)영역을 이용하여 그룹핑
- A16 로우 그룹핑(row grouping) - II groupBy()함수로 그룹핑
- A17 행과 열 고정하기(Fixing)
- A18 컬럼 필터링(Filtering) - I 필터선택상자 사용하기
- A19 컬럼 필터링(Filtering) - II setColumnFilters()함수 사용하기
- A20 셀 선택하기(Selecting) - SelectOptions
- A21 셀 선택하기(Selecting) - 선택한 셀의 값 가져오기
- A22 셀 선택하기(Selecting) - 동적으로 셀 선택하기
- A23 데이터 편집하기(Editing)
- A24 데이터 불러오기(Data Loading)
- A25 에디터(Editor)와 셀의 값
- A26 이벤트 이해하기(Events)
- A27 옵션(Options)의 종류와 설정 방법
- A28 트리뷰(Treeview) 기본개념
- Style 기초
- Randerer 개요
- A Class보다 고급기술을 설명합니다.
- Demo 페이지에 대한 실습을 강의합니다.
-
B1 Columns(jun)
- B1-1 Column Filtering - Filter
- B1-2 Column Filtering - Filter Action
- B1-3 Column Filtering - Filter 응용 사용자 지정 필터 구현
- B1-4 Column Filtering - Filter Action 응용 자동 필터 구현
- B1-5 Column Lookup
- B1-6 Lookup Tree
-
B2 Rows(tostesca)
- B2-1 행 고정(Fixed Row)
- B2-2 행 그룹핑(Row Grouping)
- B2-3 병합된 행 그룹핑(Merged Row Grouping)
-
B3 Data
- B3-1 데이터형(DataType)
-
B4 Paging
-
B5 Renderers
- CheckCellRenderer의 활용 - Merged Row Grouping에서 그룹 체크
-
B6 Series
-
B7 Editing(fanelia)
- B7-1 팝업메뉴 구현하기
- B7-2 Insert and Add Rows
- B7-3 Update Rows
- B7-4 Delete Rows
- B7-5 Row States
- B7-6 Cell Button
- B7-7 Popup Menu
- B7-8 편집기(Editors) I
- B7-9 편집기(Editors) II - DropDown Editor
- B7-10 편집기(Editors) III - Search Editor
- B7-11 Column Validation
- B7-12 Custom Column Validation
- Formating
-
B8 Components(fanelia)
- B8-1 체크바(CheckBar) 사용하기 I
- B8-2 체크바(CheckBar) 사용하기 II
- B8-3 체크바(CheckBar) 사용하기 III
- B8-4 컨텍스트메뉴(ContextMenu) 구현하기
- B8-5 인디케이터(Indicator) 사용하기
- B8-6 상태바(StateBar) 사용하기
-
B9 TreeView (yoogi82)
- B9-1 TreeDataProvider의 Data 구조이해 (Array)
- B9-2 TreeDataProvider의 Data 구조이해 (JSON)
- B9-3 TreeView - TreeView의 ItemModel 이해하기
- B9-4 Expander
- B9-5 자식/자손/조상의 RowId 값 가져오기
- B9-6 Lazy Loading
- B9-7 Load CSV DataSet
- B9-8 Load Json Array DataSet
- B9-9 Lazy Loading Csv
- B9-10 TreeView CheckBar
- B9-11 TreeView Editing
-
B10 Expression
-
B11 Styles
- B11-1 스타일 개요(Style Overview)
- B11-2 스타일 영역(Style Regions)
- B11-3 스타일 속성(Style Properties)
-
B12 DataCellStyle
-
B12 Excel
-
B13 Events
-
B14 RealGridJS
-
B15 HighChart Interface new
-
B16 Configuration
-
컬럼 그룹핑(column grouping):
-
이벤트
-
각종 옵션
- 실무활용 기술
- 재미있는 예제
- C1 RealGridJS 별도 다이얼로그를 이용한 하나의 행 추가(jun)
- C2 RealGridJS 다이얼로그 그리드에서 메인 그리드로 행 복사(jun)
- C3 짝수, 홀수 행의 스타일을 다르게 표현하기(fanelia)
- C4 RealGridJS Excel Export remote 서버 구현(jun)
- C5 행의 상태 또는 셀의 값에 따른 셀의 editable 변경(flowmt) --> 실행 부분 좀더 쉽게
- C6 데이터를 복원하기 - I 지정한 행만 원래 데이터로 방법(fanelia)
- C7 데이터를 복원하기 - II 전체 데이터를 복원하는 방법(fanelia)
- C8 하이차트(http://www.highcharts.com)와 RealGrid연동(yoogi82)
- C9 RealGrid에 바이너리 엑셀 파일 불러오기(import)(flowmt->yoogi82)
- C10 셀단위 커밋에 대한 이야기(commitEditor)
- C11 RealGrid+와 RealGridJS을 동시 구현 시 생산성 향상 방법(jun)
- C12 컬럼헤더 클릭으로 사용자 소팅 구현 (yoogi82) : 깃허브 이슈 #59
- Front-End에서 Back-End까지 연계한 전체 업무예시
- RealGrid+ and RealGridJS로 크로스 브라우징 구현
RealGrid기술지원 내용을 정리하여 자주 받게되는 질문과 그 질문에 대한 최선의 답변을 제공합니다.
- 크롬에서 컨텍스트메뉴 실행하면 브라우저 팝업메뉴가 먼저 뜨고 그리드 메뉴가 뜨는 현상
- 크롬의 확장프로그램인 Allow Right Click이 설치되어 있는 경우
생성된 정적 사이트 소스를 다운로드하여 로컬 웹사이트를 만들수 있습니다. 아래 링크된 압축 파일을 다운로드하여 로컬 웹사이트를 만들면 됩니다.
- 정적 사이트 소스 생성일 : 2015년 9월 3일
- 정적 사이트 소스 파일 : _site.zip파일을 다운로드 하세요.
- 로컬 웹서버 만드는 방법 링크