RealGridJS Examples

Demos

• 공공기관 연료별 온실가스 배출량
• 마스터 디테일 & Aggregation

Concepts

• Cell Index
• Scroll Test
• Scroll Test 2
• Toast View

Columns

• Set Columns
• Column Properties
• Column Grouping
• Column Layout
• Column Height
• Fixed Columns
• Column Moving
• Column Resizing
• Column Sorting
• Column Filtering
• Column Footer
• Blank Cell
• Cell Merging
• Column Lookup
• LookupTree

Rows

• Fixed Rows
• Row Grouping
• Row Grouping Api
• Merged Row Grouping
• Zip Code Exercise
• Search Item
• Item Model Api

Data

• Boolean Field
• Datetime Field
• Load Json Data
• Load Xml Data
• Load Csv Data
• Load Source
• Load Filter
• Set Data Rows
• Get Values
• Set Values
• Add Data Row
• Add Multi Rows
• Set Row Count
• Lazy Loading
• Data Rollback
• Large DataSet
• Master Detail
• Large CSV DataSet

Paging

• Paging Overview
• 페이지 열 때 데이터 가져오기
• 페이지를 열 때마다 데이터셋 새로 가져오기

Renderes

• Text Cell Renderer
• Bar Cell Renderer
• Check Cell Renderer
• Image Cell Renderer
• Icon Cell Renderer
• Shape Cell Renderer
• Signal Cell Renderer
• Link Cell Renderer
• Barcode Cell Renderer
• Renderer With Styles

Series

• Series Columns
• Spark Line Renderer
• Actual / Target Renderer

Edititng

• Insert and Add Rows
• Updating Rows
• Delete Rows
• Row States
• Edit Buttons
• Editors
• Popup Menu
• Column Validations
• Row Validations
• Custom Column Validations
• Custom Row Validations
• Selecting

Components

• Indicator
• StateBar
• CheckBar

Styles

• Dynamic Styles on Columns
• Dynamic Styles on Rows

DataCell Styles

• DataCellStyle Overview
• DataCellStyle Editing Properties
• DataCellStyle Rows

Excel

• Excel Export
• Excel - Column Group
• Excel - Row Group
• Excel - Column Merge
• Excel - Merged Row Group
• Excel - Tree View

TreeView

• TreeView Data Model
• Set Array DataSet
• Set Json Array DataSet
• Set Xml DataSet
• Lazy Loading
• Load CSV DataSet
• Load Json Array DataSet
• Load Xml DataSet
• Lazy Loading Csv
• TreeView CheckBar
• TreeView Editing

Mobile

• ColumnGroup
• Tap
• Double Tap
• Sorting
• Scrolling
• Selection
• DynamicGrid
• DynamicGrid2
• Editor
• Tooltip

Web Accessibility

• JS Test(Link)
• JS Test(Link)-debug Mode

• RealGrid2 Test(Master Detail)
• RealGrid2 Test(1 Grid)
• RealGrid2 Test(Link Cell)

Tree

• RealGrid2 2Grid(DragAndDrop, ContextMenu)
• RealGrid2 search

realgrid2

• RealGrid2 ExportGrid