Tutorial

모든 클래스의 강좌 제목과 태그에서
입력 문자열을 검색하여 필터링 합니다.

개발자가이드 다운로드

A 클래스는 RealGrid의 기초적인 사용법에 대한 짤막한 강좌들입니다.

Mar 3, 2015 RealGridJS 주요기능 RealGridJS RealGrid 기능정의 Features
Mar 4, 2015 A0 RealGrid 평가판 받기 RealGridJS RealGrid Tutorial 평가판 evaluation
Mar 29, 2015 A1 RealGridJS 설치하기 (v1.0.10 이상) RealGridJS RealGrid Setup
Jun 17, 2015 A2 컬럼 만들기 RealGridJS RealGrid column
Jun 26, 2015 A3 컬럼이름 바꾸기 RealGridJS RealGrid column
Jun 26, 2015 A4 DataProvider에 Field 만들기 RealGridJS RealGrid field
Jun 29, 2015 A5 컬럼-필드 연결하기 RealGridJS RealGrid column field
Jun 30, 2015 A6 RealGrid에 데이터 넣기 RealGridJS RealGrid column field dataprovider setRows
Jul 1, 2015 A7 필드 하나에 컬럼 두 개 연결하기 RealGridJS RealGrid column field dataprovider
Jul 6, 2015 A8 포커스셀(Focused Cell) 이해하기 RealGridJS RealGrid dataprovider focus
Jul 7, 2015 A9 여러행 데이터와 RowId 이해하기 RealGridJS RealGrid dataprovider RowId dataRow CellIndex
Jul 9, 2015 A10 ItemModel과 ItemIndex 이해하기 RealGridJS RealGrid dataprovider ItemModel itemIndex CellIndex
Jul 10, 2015 A11 Data와 Item의 다른점은? RealGridJS RealGrid dataprovider itemmodel itemid datarow rowid
Jul 13, 2015 A12 소팅(sorting), 데이터 정렬하기 - I 단일 컬럼 정렬 RealGridJS RealGrid dataprovider itemmodel sort sorting exclusive
Jul 14, 2015 A13 소팅(sorting), 데이터 정렬하기 - II 다중 컬럼 정렬 RealGridJS RealGrid dataprovider itemmodel sort sorting inclusive reverse
Jul 15, 2015 A14 소팅(sorting), 데이터 정렬하기 - III orderBy()함수 사용하기 RealGridJS RealGrid dataprovider itemmodel sort sorting orderby
Jul 16, 2015 A15 로우 그룹핑(row grouping) - I 드래깅(dragging)을 이용하여 그룹핑 RealGridJS RealGrid dataprovider itemmodel group grouping groupby
Jul 17, 2015 A16 로우 그룹핑(row grouping) - II groupBy()함수로 그룹핑 RealGridJS RealGrid dataprovider itemmodel group grouping groupby
Jul 27, 2015 A17 행과 열 고정하기(Fixing) RealGridJS RealGrid dataprovider itemmodel fixedcolumn fixedrow fixed fixing 고정
Jul 29, 2015 A18 컬럼 필터링(Filtering) - I 필터선택상자 사용하기 RealGridJS RealGrid 필터 필터링 filter filtering filterselector
Jul 30, 2015 A19 컬럼 필터링(Filtering) - II setColumnFilters()함수 사용하기 RealGridJS RealGrid 필터 필터링 filter filtering setColumnFilters
Jul 31, 2015 A20 셀 선택하기(Selecting) - SelectOptions RealGridJS RealGrid 선택 selection selecting 선택블럭 선택영역 selectoptions selectstyle setselectoptions
Aug 5, 2015 A21 셀 선택하기(Selecting) - 선택한 셀의 값 가져오기 RealGridJS RealGrid 선택 selection selecting 선택블럭 선택영역 selectoptions selectstyle setselectoptions getSelectionData
Aug 7, 2015 A22 셀 선택하기(Selecting) - 동적으로 셀 선택하기 RealGridJS RealGrid 선택 selection selecting 선택블럭 선택영역 selectionitem selectstyle setSelection getSelection clearSelection
Aug 10, 2015 A23 데이터 편집하기(Editing) RealGridJS RealGrid 편집 RowState created updated deleted commit createanddeleted
Aug 11, 2015 A24 데이터 불러오기(Data Loading) RealGridJS RealGrid 편집 RowState created updated deleted commit createanddeleted
Aug 12, 2015 A25 에디터(Editor)와 셀의 값 RealGridJS RealGrid 편집기 editor datatype 자료형 subdatatype datetime number date dropdown combo
Aug 17, 2015 A26 이벤트 이해하기(Events) RealGridJS RealGrid 이벤트 event
Aug 20, 2015 A27 옵션(Options)의 종류와 설정 방법 RealGridJS RealGrid 옵션 option
Dec 11, 2018 A28 스타일 설정 방법 RealGridJS RealGrid 스타일 styles
Feb 22, 2019 A29 동적 스타일과 편집 여부 설정 RealGridJS dynamiceditable 동적편집 editable dynamicstyles styles
Apr 3, 2019 A30 displayCallback()을 사용하여 원하는대로 표시값 설정하기 RealGridJS displayCallback regularExpression 정규식 표시값 styles
Apr 9, 2019 A31 DynamicStyle 개요 RealGridJS style 스타일 dynamicStyle 다이나믹스타일
Apr 10, 2019 A32 column.DynamicStyles RealGridJS style 스타일 dynamicStyle 다이나믹스타일
Apr 30, 2019 A33 body.DynamicStyles RealGridJS style 스타일 dynamicStyle 다이나믹스타일
May 8, 2019 A34 body.CellDynamicStyles RealGridJS style 스타일 dynamicStyle 다이나믹스타일

B 클래스는 데모사이트에 대한 상세한 설명을 제공합니다. 이 클래스의 강좌들을 통해 RealGrid의 다양한 기능들을 어떻게 구현하는지 배울수 있습니다.

Aug 1, 2015 B1-1 Column Filtering - Filter RealGridJS RealGrid Tutorial Filtering Filter 필터
Aug 28, 2015 B1-2 Column Filtering - Filter Action RealGridJS RealGrid Tutorial Filtering Filter Action 필터 액션
Aug 3, 2015 B1-3 Column Filtering - Filter 응용 사용자 지정 필터 구현 RealGridJS RealGrid Tutorial Filtering FilterAction Filter Custom Filter
Aug 4, 2015 B1-4 Column Filtering - Filter Action 응용 자동 필터 구현 RealGridJS RealGrid Tutorial Filtering FilterAction Filter Auto Filter
Nov 6, 2015 B1-5 Column Lookup RealGridJS RealGrid Tutorial Lookup labelField lookupDisplay
Nov 3, 2015 B2-1 Fixed Rows RealGridJS RealGrid Tutorial Row Fixed Fixed Rows
Nov 4, 2015 B2-2 Row Grouping RealGridJS RealGrid Tutorial Row 행고정 Grouping Row Grouping GroupingOptions
Oct 28, 2015 B2-3 Merged Row Grouping RealGridJS RealGrid Tutorial Merged Row Grouping
Aug 12, 2015 B7-1 팝업메뉴 구현하기 RealGridJS RealGrid Popup AddPopup 팝업
Sep 8, 2015 B7-2 Insert and Add Rows RealGridJS RealGrid Tutorial Insert Inserting Append Appending 추가 삽입
Sep 8, 2015 B7-3 Update Rows RealGridJS RealGrid Tutorial Update Updating 수정
Sep 11, 2015 B7-4 Delete Rows RealGridJS RealGrid Tutorial Delete Deleting SoftDeleting 삭제
Sep 18, 2015 B7-5 Row States RealGridJS RealGrid Tutorial RowState RowStates 행 상태 행 상태정보
Sep 23, 2015 B7-6 Cell Button RealGridJS RealGrid Tutorial CellButton Button 셀버튼 버튼
Sep 30, 2015 B7-7 Popup Menu RealGridJS RealGrid Tutorial Popup Menu Popup 팝업메뉴 팝업
Oct 27, 2015 B7-8 편집기(Editors) I RealGridJS RealGrid Tutorial Editor Editors 편집기
Oct 27, 2015 B7-9 편집기(Editors) II - DropDown Editor RealGridJS RealGrid Tutorial Editor Editors 편집기
Nov 2, 2015 B7-10 편집기(Editors) III - Search Editor RealGridJS RealGrid Tutorial Editor Editors 편집기
Nov 9, 2015 B7-11 Column Validation RealGridJS RealGrid Tutorial Validation Column Validation 검증 컬럼 검증
Nov 10, 2015 B7-12 Custom Column Validation RealGridJS RealGrid Tutorial Validation Column Validation 검증 컬럼 검증 Custom Column Validation
Aug 13, 2015 B8-1 CheckBar 사용하기 I RealGridJS RealGrid CheckBar CheckBox 체크바 체크박스
Aug 13, 2015 B8-2 CheckBar 사용하기 II RealGridJS RealGrid CheckBar CheckBox 체크바 체크박스
Aug 13, 2015 B8-3 CheckBar 사용하기 III RealGridJS RealGrid CheckBar CheckBox 체크바 체크박스
Aug 14, 2015 B8-4 컨텍스트 메뉴 구현하기 RealGridJS RealGrid ContextMenu Context Menu 컨텍스트메뉴 컨텍스트 컨택스트메뉴 컨택스트 메뉴
Aug 31, 2015 B8-5 인디케이터(Indicator) 사용하기 RealGridJS RealGrid Indicator 인디케이터
Sep 1, 2015 B8-6 StateBar 사용하기 RealGridJS RealGrid StateBar StatusBar 스테이트바 스테이터스바 상태바
Aug 26, 2015 B9-1 TreeView - TreeDataProvider의 Data 구조이해 (Array). RealGridJS RealGrid Tutorial Tree TreeView TreeGrid Tree Data Data Array
Sep 1, 2015 B9-2 TreeView - TreeDataProvider의 Data 구조이해 (JSON). RealGridJS RealGrid Tutorial Tree TreeView TreeGrid Tree Data Data JSON
Sep 8, 2015 B9-3 TreeView - TreeView의 ItemModel 이해하기. RealGridJS RealGrid Tutorial Tree TreeView TreeGrid Item ItemModel Model
Sep 22, 2015 B9-4 TreeView - Expander. RealGridJS RealGrid Tutorial Tree TreeView TreeGrid Expander expand collapse
Nov 13, 2015 B9-5 TreeView - 자식/자손/조상의 RowId 값 가져오기. RealGridJS RealGrid Tutorial Tree TreeView getChildCount getChildren getDescendantCount getDescendants getAncestors Root Row

C 클래스는 RealGrid를 실무에 적용할수 있는 유용한 기술들을 설명합니다. 이 클래스의 강좌들은 대부분 JQuery와 Bootstrap에 의존적(dependency)입니다.

Jul 20, 2015 C1 RealGridJS 별도 다이얼로그를 이용한 하나의 행 추가 RealGridJS RealGrid Popup 팝업 Dialog addRow
Jul 20, 2015 C2 RealGridJS 다이얼로그 그리드에서 메인 그리드로 행 복사 RealGridJS RealGrid Popup 팝업 Dialog addRows getCheckedRows
Aug 3, 2015 C3 짝수, 홀수 행의 스타일을 다르게 표현하기 RealGridJS RealGrid Style Styles DynamicStyle DynamicStyles 다이나믹스타일 홀수 짝수 스타일지우기 스타일제거 스타일
Aug 4, 2015 C4 RealGridJS Excel Export remote 서버 구현 RealGridJS RealGrid Excel 엑셀 내보내기 export remote
Aug 4, 2015 C5 행의 상태 또는 셀의 값에 따른 셀의 editable 변경 RealGridJS RealGrid editable rowState setColumnProperty created
Aug 5, 2015 C6 데이터 복원하기 - I 지정한 행만 원래 데이터로 방법 RealGridJS RealGrid RestoreUpdatedRow RestoreMode Update 복원 복구 복원모드 복구모드 리스토어모드
Aug 5, 2015 C7 데이터 복원하기 - II 전체 데이터를 복원하는 방법 RealGridJS RealGrid RollBack SavePoint ClearSavePoints 롤백 복원 복구
Aug 10, 2015 C8 HighCharts 연계하여 그리드 표현하기 RealGridJS RealGrid HighCharts Chart onColumnCheckedChanged Column Selecting 차트 하이차트 연계
Aug 11, 2015 C9 RealGrid에 바이너리 엑셀 파일 불러오기(Import) spring tomcat excel poi
Aug 12, 2015 C11 RealGrid+와 RealGridJS을 동시 구현 시 생산성 향상 방법 RealGridJS RealGrid+ setup loadData
Jun 30, 2016 C12 FusionCharts 연계하여 그리드 표현하기 RealGridJS RealGrid FusionCharts Chart onColumnCheckedChanged Column Selecting 차트 퓨전차트 연계
Aug 4, 2016 C13 Tree그리드에서 특정 데이터가 있는 노드를 찾아서 펼치기. 트리 tree 펼치기 expand
Aug 19, 2016 C14 값에 따라 특정 컬럼 편집 가능/불가능하게 하기 RealGridJS editable styles dynamicStyles 스타일 다이나믹스타일 편집
Jul 27, 2017 C15 수정된 셀에 스타일 지정하여 표시하기 RealGridJS RestoreMode Styles 스타일
Jul 31, 2017 C16 수정 전, 후 값 툴팁으로 표시하기 RealGridJS RestoreMode tooltip 툴팁 리스토어모드
Aug 3, 2017 C17 Footer를 특정 조건에 맞게 계산하기. RealGridJS Footer Callback 풋터 콜백 부분합계
Aug 8, 2017 C18 추가된 행만 수정 가능하게 처리하기. RealGridJS Insert Editing Editable 수정 편집 조건
Aug 11, 2017 C19 Group Footer를 특정 조건에 맞게 계산하기. RealGridJS Footer Callback GroupCallback 푸터 그룹푸터 콜백 그룹콜백 부분합계
Mar 20, 2018 C20 Tree그리드에서 체크셀렌더러 사용. RealGridJS tree check 트리 체크
Mar 21, 2018 C21 Tree그리드에서 체크바 사용. RealGridJS tree check 트리 체크
Apr 9, 2018 C22 행 삽입, 행 추가 RealGridJS insertrow addrow appendrow 행삽입 행추가
Nov 14, 2018 C23 계산 필드 RealGridJS CalculatedField 계산필드
Nov 27, 2018 C24 Group Footer를 특정 조건에 맞게 계산하기 - II RealGridJS RowGrouping 행그룹핑
May 29, 2019 C25 동적으로 에디터 번경하기 RealGridJS 동적에디터 동적스타일 dynamicStyles dynamicEditor displayCallback

업무예제는 JAVA, .NET, 정부표준 프레임웍등 다양한 개발환경에서 RealGrid를 활용하는 방법을 설명하고 있습니다.

Oct 23, 2018 Vue.Js 에서 RealGrid 사용하기 vuejs vue vue-realgrid
May 14, 2015 RealGridJs Basic with JAVA Spring & MyBatis & MS SQLServer sqlserver tomcat egovframe spring
May 12, 2015 RealGridJs Basic with 전자정부 프레임워크 & iBatis & MS SQLServer 전자정부 전자정부 프레임워크 ibatis sqlserver egivframe spring tomcat
May 11, 2015 RealGrid+ Basic with PHP & MySQL php apache mysql
Apr 23, 2015 RealGrid+ Basic with ASP.NET & MS SQLServer asp.net razor sqlserver ms visualstudio vs

Apr 23, 2019 모바일 화면 크기에 따른 동적 컬럼 구성. 모바일 화면 dynamicColumn MobileView
Sep 8, 2017 Datatime Output Format. RealGridJS datetime format output 화면표시
Aug 4, 2017 z-index 문제. RealGridJS RealGrid z-index zIndex layerpopup toast
Aug 26, 2016 호환성보기가 설정된 브라우져에서 리얼그리드 표시 문제 RealGridJS RealGrid 호환성 보기 Compatibility View
Jun 24, 2016 EUC-KR로 인코딩된 페이지에서 RealGridJS의 문제 해결 방안 RealGridJS RealGrid euc-kr utf-8 encoding 인코딩
Mar 31, 2015 v1.0.10 이전 버전 설치하기 (v1.0.9.1988 이하) RealGridJS RealGrid Setup
Mar 30, 2015 RealGridJS v1.0.11 이전 버전을 RealGridJS v1.0.11버전으로 교체하기 RealGridJS RealGrid Setup 1.0.9 1.0.11 Upgrade
Oct 17, 2014 RealGrid Ansi CSV 파일 업로드 spring tomcat csv excel
Jul 17, 2014 RealGrid 정렬 기능 사용하기 RealGrid sorting 정렬
Jul 17, 2014 기본 키보드 및 마우스 동작 키보드 마우스 keyboard mouse

Jun 11, 2018 1. RealPivot 설치하기 RealPivot Pivot Setup
Jun 26, 2018 2. PivotField와 FieldMapping RealPivot Pivot fieldMapping PivotField
Jul 6, 2018 3. 피벗의 행과 열, 값 필드 지정 RealPivot Pivot PivotField column row value
Jul 6, 2018 4. 정렬(Sort) RealPivot Pivot PivotField sort 정렬