realgrid package
Classes
Class | Description |
---|---|
GridView | GridView 클래스, GridBase 의 자식 클래스이다. |
LocalDataProvider | LocalDataProvider 클래스. DataProviderBase 를 상속한다. |
LocalTreeDataProvider | LocalTreeDataProvider 클래스. DataProviderBase 를 상속한다. |
RealGrid | RealGrid 메인 클래스 |
TreeView | TreeView 클래스, GridBase 의 자식 클래스이다. |
Abstract Classes
Abstract Class | Description |
---|---|
CustomCellRendererImpl | 사용자 정의 Renderer의 상위 class이다. |
DataProviderBase | LocalDataProvider 와 LocalTreeDataProvider 의 기반 클래스 |
GridBase | GridBase는 GridView와 TreeView의 기반 클래스(Base Class)이다. |
Enumerations
Enumeration | Description |
---|---|
BarOrigin | BarCellRenderer 의 바의 위치 |
ButtonVisibility | 컬럼에 버튼이 설정된 경우, 데이터 셀에 컬럼 버튼과 편집 버튼을 표시하는 방법 |
CalendarMode | 년도, 월, 일 선택화면의 제한을 설정한다. |
CellButton | 데이터 셀의 우측에 표시할 버튼 종류 |
CellLayoutType | layout의 type을 지정한다. |
ColumnHeaderItemLocation | 컬럼 헤더의 이미지나 체크 박스의 위치 유형 |
ColumnLayoutDirection | Cell Layout 설정 시 배치 방향 |
DataDropMode | 데이터 drop 시 모드 |
DataFillMode | 데이터 채우기 방법 |
DefaultShowDate | 달력 편집기를 사용할 때, 달력에 표시되는 날짜 유형 |
DragFeedbackStyle | mouse가 over 될때 drop 되는 위치를 보여주는 feedback의 style |
DropDownPosition | DropDownCellEditor 의 목록 또는 DateCellEditor, BTDateCellEditor 달력 선택 상자의 위치 |
DropDownSortStyle | DropDownCellEditor 목록의 정렬 방식 |
DropDownValueLabel | DropDownCellEditor 의 목록을 보여주는 방법 |
EdgeMark | edgeMark |
ExitGridWhenTab | tab 입력 시 그리드를 벗어나기 위한 조건 EditOptions.exitGridWhenTab 에서 설정 가능하다. |
ExpanderVisibility | 행 그룹핑 시 Expander 표시여부 |
ExportCompression | 파일을 생성할때 압축여부 |
ExportLayoutExpand | layout Expandable이 true인 layut을 excel로 export할때 |
ExportTarget | 그리드를 외부 문서로 내보내기 할 때의 대상 |
ExportType | 그리드를 외부 문서로 내보내기 할 때의 종류 |
FilterMode | 데이터 수정 이후 필터 동작 모드 |
FocusMoveStep | columnGroup이 있을때 왼쪽화살표 또는 오른쪽 화살표를 입력했을때 focus이동 방식 |
FocusType | focus를 layer형태로 표시하거나 테두리만 표시한다. DisplayOptions.focusType 에서 설정 가능하다. |
GridCellType | 그리드의 셀 종류 |
GridFitStyle | 컬럼들의 표시 방식을 조정하는 상수 |
GroupShowMode | 그룹컬럼을 접거나 펼쳤을때 보여질것인가를 결정한다. CellLayoutItem.groupShowMode에서 설정한다. |
HandleVisibility | 핸들의 표시 방법 |
IconLocation | 렌더링하는 아이콘, 체크박스, 도형 등의 위치 |
IndicatorValue | 인디케이터에 표시될 내용 종류 |
InlineFilterOperator | FilterPanel에서 사용할수 있는 연산자의 종류이다. |
ItemState | 아이템의 상태 |
ItemType | 그리드에서 아이템의 종류 |
LayoutDirection | item의 배치방향 |
MenuItemType | PopupMenu 등에 표시되는 메뉴 항목의 유형 |
NullsOrder | 정렬할때 undefined, null SortingOptions.nullsOrder에서 설정한다. |
PolygonShape | ShapeCellRenderer 에서 사용 가능한 도형 목록 |
RefreshMode | 그리드를 다시 그릴 때 필요한 상수 |
RestoreMode | 복원 모드 종류 |
RowGroupAdornments | 행 그룹 상태일 때 헤더나 푸터의 표시 방법 |
RowMaskType | 선택 된 행의 표시 형태 (행의 마스크 종류) |
RowState | 행의 상태 |
ScrollOnEditing | 편집 중 일때 스크롤 시 처리 상태 |
SelectionDisplay | 셀 선택 디스플레이 |
SelectionMode | 셀 선택 영역에 대한 모드 |
SelectionStyle | 셀 선택 영역에 대한 스타일 |
SortCase | 대소문자 구분 유형 |
SortDirection | 정렬 방식 |
SortMode | 데이터 수정 이후 정렬 동작 모드 |
SortStyle | 그리드 컬럼 헤더 클릭 시 정렬 유형 |
StateMark | 상태바의 상태 표시 방법 |
SummaryMode | 그리드의 각 컬럼의 합계를 계산하는 방식 |
SummaryType | 필드의 합계값을 계산하기 위한 유형 |
SyncGridHeight | 조회된 data가 모두 보일수 있도록 그리드의 높이를 변경한다. |
TextInputCase | 대소문자 형태 |
TimeCategory | 시간으로 filtering할때 분류 단위 |
TimeSelectType | |
TreeExpanderIconStyle | Tree Expander에 표시되는 기본 아이콘의 스타일을 지정한다. |
ValidationLevel | 데이터 검증 결과 수준 |
ValidationMode | 검증 방법 |
ValueType | 데이터 필드의 데이터 자료형 |
VerticalMoveStep | direction이 vertical 인 ColumnGruop의 하위 컬럼에서 위화살표 또는 아래화살표를 입력했을때 focus이동 방식. |
Interfaces
Interface | Description |
---|---|
ActualTargetBulletRenderer | 각각 두 개의 데이터 필드에 저장된 목표값(혹은 기대값)과 실행값을 비교하여 표시하는 시리즈 렌더러 Bullet renderer는 목표값을 수직바로 실행값을 수평바로 표시한다. SeriesColumn 에서만 사용 가능하다. [상위 클래스] |
ActualTargetTextRenderer | 각각 두 개의 데이터 필드에 저장된 목표값(혹은 기대값)과 실행값을 비교하여 표시하기 위한 렌더러. ActualTarget text renderer 는 '실행값 / 목표값' 형식으로 표시한다. SeriesColumn 에서만 사용 가능하다. [상위 클래스] |
BarCellRenderer | 숫자 형 컬럼 셀의 값을 바(bar)로 표시하는 렌더러 |
BTDateCellEditor | BootStrap DatePicker 를 이용한 편집기 |
ButtonCellRenderer | 버튼을 표시하는 렌더러 |
CellEditor | 셀 편집기들의 기반이 되는 모델 |
CellIndex | 셀의 위치정보 모델 |
CellLayoutColumnItem | 컬럼 레이아웃 정보 모델 |
CellLayoutGroupHeader | CellLayoutGroupItem.header의 설정 정보 모델 [상위 클래스] CellLayoutHeader |
CellLayoutGroupItem | 그룹 레이아웃 정보 모델 |
CellLayoutHeader | 셀 레이아웃 헤더의 설정 정보 모델 |
CellLayoutItem | 레이아웃을 설정하기 위한 기반 모델 |
CellProtectProperties | 셀 잠금 또는 셀 숨김을 설정한다. |
CellRenderer | 셀 렌더러들의 기반 모델 |
CheckBar | 체크바와 관련된 설정 모델 |
CheckCellRenderer | 값이 참인지 거짓인지를 표시하는 렌더러 |
ClickData | 클릭한 아이템의 정보 모델 |
Code128CellRenderer | Code128 Barcode를 표시하는 렌더러 |
Code39CellRenderer | Code39 Barcode를 표시하는 렌더러 |
ColumnFilter | 컬럼 필터링에 관련된 설정 정보 |
ColumnFilterCollection | ColumnFilter 의 콜렉션 모델 |
ColumnFooter | 그리드 푸터 영역에 표시되는 컬럼 푸터에 대한 설정 정보 |
ColumnFooterCollection | ColumnFooter 의 컬렉션 |
ColumnHeader | 그리드 헤더 영역에 표시되는 컬럼 헤더에 대한 설정 정보 모델 |
ColumnHeaderSummary | 그리드 헤더 영역에 표시되는 ColumnSummary 의 설정 정보 |
ColumnHeaderSummaryCollection | ColumnHeaderSummary의 컬렉션 |
ColumnLayoutInfo | 설정된 레이아웃이 CellLayoutColumnItem 모델일 경우, GridBase.saveColumnLayout() 에서 반환되는 오브젝트 |
ColumnObject | 컬럼 관련 클래스들의 기반 클래스 |
ColumnStyleObject | CellStyleCallback 으로 셀 스타일 변경 시 반환해야 하는 스타일 모델 중 하나 |
ColumnSummary | ColumnFooter, ColumnHeaderSummary 등의 기반 클래스 |
ColumnSummaryStyleObject | CellStyleCallback 으로 셀 스타일 변경 시 반환해야하는 스타일 모델 중 하나 |
CopyOptions | 그리드의 내용을 클립보드를 복사하는 것에 대한 설정 모델 |
CustomCellRenderer | 사용자 지정 셀 렌더러를 설정할 때 사용하는 오브젝트 |
DataCell | 그리드 Data영역의 셀정보 |
DataColumn | ValueColumn 을 상속한 컬럼 정보 모델 |
DataDropOptions | 다른 그리드에서 drag 된 데이터를 처리하는 방식에 대한 설정 모델 |
DataExportOptions | 내보내기에 관한 설정 모델 |
DataField | 데이터 필드 모델 객체 |
DataFieldObject | 설정할 때 사용하는 DataField 와 동일한 구조의 오브젝트 |
DataFillOptions | 데이터 불러오기에 관한 설정 모델 |
DataFilter | 데이터 필터 조건을 갖고 있는 오브젝트 |
DataOptions | DataProviderBase 의 전체설정 정보들 |
DataOutputOptions | 출력할 때 데이터를 반환하는 방식에 대한 설정 모델 |
DateCellEditor | 날짜 편집기 |
DateHoliday | 날짜로 지정하는 공휴일 |
DayHoliday | 요일로 지정하는 공휴일 |
DisplayOptions | 그리드 수준에서 관리되는 표시 정보들에 대한 설정 모델 |
DocumentTitle | GridExportOptions 모델과 GridBase.exportGrid() 를 사용하여 그리드를 내보내기 할 때, Excel 문서의 제목, 부제, 꼬릿말을 설정하기 위한 모델 |
DropDownCellEditor | 목록으로 수정할 수 있는 편집기 (dropdown 편집기) |
EditingItemInfo | GridBase.getEditingItem() 에서 반환되는 오브젝트 형식 |
EditMaskObject | 텍스트나 날짜 필드에 적용할 수 있는 편집기의 오브젝트 형태 표시 형식 |
EditOptions | 그리드에서의 데이터 편집에 대한 설정 모델 |
EditorOptions | 그리드 수준에서 관리되는 편집기 정보들에 대한 설정 모델 |
EditResult | GridBase.onGetEditValue 에서 쓰이는 셀 편집 후 출력 정보 |
EditValidation | 컬럼 단위 혹은, 행 단위 데이터 편집 검증 조건과 방식에 대한 모델 |
EditValidationCollection | EditValidation 의 콜렉션 모델 |
ExportBaseOptions | 그리드 및 데이터 내보내기에 관한 설정들의 기반 모델 |
ExportOptions | 그리드 및 데이터 내보내기에 관한 설정들의 공통 모델 |
FieldMap | DataDropOptions.fieldMap 에서 사용되는 옮길 그리드의 필드명 - 옮김을 받은 그리드의 필드명 쌍 형식 |
FilterAutomatingOptions | 자동 필터링에 관한 설정 정보 |
FilterCategory | 사용자 지정 자동필터링 생성 시 카데고리 분류 모델 |
FilteringOptions | 컬럼 필터링과 관련된 설정 모델 |
FilterPanel | GridHeader영역 아래 사용자가 입력한 값을 이용해서 filtering을 할수 있는 입력창을 표시한다. |
FilterSelectorOptions | 컬럼 필터의 선택 상자에 대한 설정 모델 |
FixedOptions | 그리드의 고정 행 및 컬럼 영역에 대한 설정 모델 |
FormatOptions | 데이터 필드 값의 변환 형식에 대한 설정 모델 |
GridCell | |
GridColumn | 컬럼 정보 모델 |
GridExportOptions | 그리드 내보내기에 관한 설정 모델 |
GridFooter | 푸터 영역의 단일 설정 모델 |
GridFooterCollection | 그리드 푸터 영역에 관한 콜렉션 모델 |
GridHeader | 헤더 영역의 설정 모델 |
GridItem | 아이템의 정보 모델 |
GridOptions | 그리드의 전체 설정 정보들 |
GroupingOptions | 행 그룹핑에 관련된 설정 모델 |
GroupItem | 그룹 아이템의 정보 모델 [상위 클래스] 콜백의 파라메터로 전달될때만 사용된다. |
GroupLayoutInfo | 설정된 레이아웃이 CellLayoutGroupItem 모델일 경우, GridBase.saveColumnLayout() 에서 반환되는 오브젝트 |
GroupPanel | 그리드 Group Panel 표시 정보들에 대한 설정 정보 |
GroupSummary | GridBase.getGroupSummary() 에서 반환되는 오브젝트 형식 |
HeaderSummary | Header Summary 영역의 단일 설정 모델 |
HeaderSummaryCollection | Header summary 영역에 관한 콜렉션 모델 오브젝트 |
IconCellRenderer | 아이콘 렌더러 |
ImageCellRenderer | 이미지 렌더러 |
InvalidCell | GridBase.getInvalidCells() 에서 반환되는 오브젝트 형식 |
LineCellEditor | 한 줄 입력을 받을 수 있는 텍스트 편집기 |
LinkCellRenderer | 하이퍼링크를 표시하는 렌더러 |
LiteralColumn | 고정된 값을 화면에 표시하는 컬럼 |
LookupDataKeyValues | LookupData 의 한 종류 |
LookupDataRows | LookupData 의 한 종류 |
LookupSource | 컬럼에 연결된 데이터 필드의 실제 값 대신 그 값과 연관된 다른 값을 셀에 표시하기 위한 설정 정보 |
MenuItem | 메뉴 항목 관련 설정 정보 모델 |
MobileOptions | 모바일 관련 설정 모델 |
MultiCheckCellEditor | 드롭 다운 목록에서 여러 항목들을 선택할 수 있는 편집기 |
MultiCheckCellRenderer | 하나 또는 하나 이상의 값을 선택하는 렌더러 |
MultiLineCellEditor | 여러 줄 입력을 받을 수 있는 편집기 CellEditor 를 상속한다. [상위 클래스] |
NumberCellEditor | 숫자와 구두점 및 부호만을 입력할 수 있는 편집기 |
NumberFormatOptions | 언어별로 다르게 표현되는 숫자, 화폐, 회계 를 표시하기 위한 formatOption |
PasswordCellEditor | 암호를 입력하기 위한 편집기 |
PasteOptions | 클립보드의 데이터를 그리드에 붙여넣는 것에 관한 설정 모델 |
PopupMenu | 그리드에 등록되는 팝업 메뉴 또는 하위 메뉴의 설정 모델 [상위 클래스] |
PopupMenuBase | PopupMenu와 PopupMenuItem 의 기반 클랙스 이다. |
PopupMenuItem | 마우스 오른쪽 클릭을 통해 표시되는 팝업 메뉴 아이템의 설정 모델 PopupMenu 참조 [상위 클래스] |
RealGridLocale | 그리드가 참조하기 위한 locale과 currency를 설정한다. numberFormats: Intl.NumberFormat (opens in a new tab)을 이용한 numberFormat을 등록한다. messages: 그리드의 메시지를 사용자 환경에 맞게 변경한다. |
RealGridMessages | 그리드에서 출력되는 text를 지정한다. |
Rectangle | 사각형의 좌표 정보 |
RendererEditResult | 사용자 지정 렌더러의 편집 완료 결과 모델 |
RowGroup | 행 그룹핑과 관련된 영역들의 표시 방법 등에 대한 설정 모델 |
RowGroupFooter | 그리드 그룹푸터 모델 |
RowGroupFooterCollection | 그리드 그룹 푸터 영역에 관한 콜렉션 모델 |
RowIndicator | 그리드의 인디케이터에 관한 설정 모델 |
RowStateList | 행 상태의 따른 행들의 목록 |
RowStyleObject | RowStyleCallback 으로 행의 스타일을 변경시 반환되는 스타일 모델 |
SearchCellEditor | 검색 기능이 추가 된 드롭 다운 편집기 |
SearchCellOptions | 셀 검색 관련 유연한 설정 모델 |
SearchCellResult | 검색된 셀의 위치정보 |
SearchOptions | 행 검색 관련 유연한 설정 정보 모델 |
Selection | 그리드 선택 영역 정보 모델 |
SeriesColumn | 하나 이상의 데이터 값을 동시에 표시하는 컬럼 |
SeriesTextCellRenderer | 하나 이상의 데이터 값을 동시에 표시하는 Series column 을 텍스트로 표시하기 위한 렌더러 |
ShapeCellRenderer | 그리드에 포함되어 있는 도형을 표시하는 렌더러 |
SheetProtectProperties | 엑셀 시트 보호를 적용시 허용할 속성을 지정한다. |
SignalBarCellRenderer | 셀 값을 신호세기로 표시하는 렌더러 |
SortedFields | gridView.getSortedFields의 return 형식 |
SortingOptions | 데이터 정렬에 대한 설정 모델 |
SparkChartRenderer | 스파크 차트 그래프를 표시하기 위한 렌더러들의 기반 모델 |
SparkColumnRenderer | 하나 이상의 데이터 값을 동시에 표시하는 Series column 을 Spark Column 으로 표시하기 위한 렌더러 |
SparkLineRenderer | 하나 이상의 데이터 값을 동시에 표시하는 Series column 을 Spark Line 으로 표시하기 위한 렌더러 |
SparkWinLossRenderer | 하나 이상의 데이터 값을 동시에 표시하는 Series column 을 Spark WinLoss 으로 표시하기 위한 렌더러 |
StateBar | 행들의 상태를 표시하는 상태바와 관련된 설정 모델 GridBase.setStateBar() 사용시 필요한 정보만 입력하면 된다. |
StateTexts | 상태바에 표시될 상태 텍스트들 종류 |
StyledCell | 그리드의 구성요소중 공간을 채우기위해 사용되는 셀의 모델 |
TemplateCellRenderer | HTML 형식의 템플릿을 표시하는 렌더러 |
TemplateEvent | TemplateCellRenderer 또는 ColumnObject.template에서 생성되는 요소에 이벤트를 추가할때 사용되는 형식 |
TextCellEditor | 텍스트 입력을 받을 수 있는 편집기들의 기반 모델 |
TextCellRenderer | 기본 텍스트 렌더러 |
ToastOptions | Toast View 표시 여부와 메시지를 지정할 수 있는 설정 모델 |
TreeOptions | TreeView 표시에 대한 설정 모델 |
UpdatedCell | 변경된 셀 정보 |
UpdatedRow | 변경된 행 정보 |
UserExportCell | 엑셀로 export할때 그리드가 출력하는 내용외에 추가적으로 출력할 내용을 지정한다. |
ValidationError | 검증 결과 관련 설정 정보 모델 |
ValueCell | DataCell의 상위 클래스이다. |
ValueColumn | GridColumn 을 상속한 컬럼 정보 모델 |
ViewOptions | GridView 의 전체 설정 정보들 |
WaiOptions | Shadow Dom 에 관한 설정 모델 |
Type Aliases
Type Alias | Description |
---|---|
BooleanOutputCallback | boolean 필드 변환시 수행 될 콜백함수 형식 |
CategoryCallback | 자동 필터링 시 사용자 지정 분류를 위한 콜백 형식 |
CellSpanCallback | 사용자 지정의 cell spanning을 설정하기 위한 콜백 |
CellStyleCallback | 동적 셀 스타일 변경을 위한 콜백 |
CheckableCallback | CheckBar 에서 체크 가능 여부를 결정하는 콜백 |
ColumnObjectCallback | dataType 이 object 인 data를 화면에 표시할때 사용되는 콜백 |
ColumnSummaryCallback | 컬럼의 footer 또는 summary에 표시되는 값을 사용자가 지정할때 사용되는 콜백의 형식 |
CompareCallback | 검색할 때 사용자 임의로 조건을 지정하기 위한 값 비교 콜백 형식 |
CompareFunction | 비교함수 형식 |
ConfigObject | |
CopyTextCallback | 그리드를 복사할때 클립보드에 저장되는 text를 반환하는 콜백 형식 |
CreateFooterCallback | 특정 그룹 푸터의 표시 여부를 지정하기 위한 콜백 형식 |
DataDragCallback | 그리드 간 drag and drop 을 시작할 때 발생하는 콜백 형식 |
DataDragLabelCallback | drag 중인 item 의 label 텍스트를 결정하기 위한 콜백의 형식 |
DataDropCallback | 그리드 간 drag and drop 했을 때 발생하는 콜백 형식 |
DataFieldInput | 데이터 필드에 관한 입력 형식 |
DataFilters | 필터 조건의 배열 및 컬렉션 오브젝트 |
DataValues | 행 오브젝트 및 행 배열 |
DatetimeOutputCallback | datetime 필드 변환시 수행 될 콜백함수 형식 |
DropFieldMapCallback | 그리드 간 drag and drop 으로 이동 / 복사를 할 때 적용되는 규칙을 반환하는 콜백 형식 |
EditMask | 텍스트나 날짜 필드에 적용할 수 있는 편집기의 표시 형식 |
ExpanderVisibleCallback | 그룹 expander의 visible 여부를 return 하는 callback |
ExportSimpleCallback | done 을 설정하기 위한 내보내기를 완료할 때 수행될 콜백의 형식 |
ExportValueCallback | 그리드 내보내기 설정에서 필드 별로 출력 시 수행될 콜백을 지정하기 위한 형식 |
FieldValueCallback | calculated 필드일 경우 수식을 지정하여 계산 될 콜백의 형식 |
FilterCallback | 필터 콜백 |
FilterPanelCallback | FilterPanel의 입력창에 text를 입력후 enter 를 입력하거나 filterDelay이후 호출되는 callback이다. |
GetAriaLabelCallback | CellRenderer.ariaLabelCallback 에서 사용되는 콜백 형식 |
GetCellTitleCallback | 이미지 렌더링 할 때 이미지의 alt 텍스트 설정 또는 링크 셀 렌더링 할 때 HTML Anchor Element의 title 텍스트를 설정을 위한 콜백 형식 |
GetCheckedCallback | 렌더링 시 체크 값을 결정하는 콜백 형식 |
GetClassCallback | linkRenderer의 a tag에 class를 추가 |
GetImageCallback | 이미지를 렌더링을 위해 이미지의 경로를 지정하는 콜백 형식 |
GetLinkUrlCallback | LinkCellRenderer.urlCallback 에서 사용되는 콜백 형식 |
GetShapeCallback | 도형 렌더러에서 도형의 종류를 지정하기 위한 ShapeCellRenderer.shapeCallback 에서 사용하는 콜백 형식 |
GetTemplateCallback | TemplateCellRenderer.callback 에 사용되는 콜백 형식 |
GroupFooterCellSpanCallback | 사용자 지정의 groupFooter spanning을 설정하기 위한 콜백 |
GroupFooterStyleCallback | 그리드 그룹 푸터 행의 스타일을 지정하기 위한 콜백 |
GroupFooterUserSpanCallback | 사용자 지정 groupFooterUser span을 설정하기 위한 콜백 |
HeaderCallback | 행 그룹 Header에 표시되는 Text를 return 하는 Callback |
Holidays | 공휴일 지정을 위한 설정 모델 |
LayoutInfo | GridBase.saveColumnLayout() 에서 반환되는 레이아웃의 정보 모델 |
LayoutItem | 원하는 형태의 컬럼을 만들 수 있는 레이아웃 아이템 모델의 타입 |
ListCallback | DropDownCellEditor의 목록을 만들때 사용하는 콜백 조건에 따라 변경되는 item을 가져올때 사용한다. |
ListResult | ListCallback 또는 GridBase.onSearchCellButtonClick 의 return type |
ListTemplateCallback | DropDownCellEditor 또는 SearchCellEditor에서 list에 표시되는 item을 사용자가 작성할때 사용하는 콜백 |
LookupData | LookupSource 를 채우기 위한 모델 정보 |
MenuItemClick | 메뉴 아이템을 클릭 시 호출되는 콜백 |
MultiCheckDisabledCallback | 렌더링 시 item의 disabled을 결정하는 콜백 형식 |
MultiCheckKeydownCallback | MultiCheckCellRenderer에서 keydown시 선택하거나 해제할 값을 결정하는 콜백 형식 |
NumberOutputCallback | number 필드 변환시 수행 될 콜백함수 형식 |
ObjectToValuesCallback | json형태의 data를 dataProvider에 입력할때 각 행별로 호출되는 콜백 |
OuterSortCallback | 사용자가 sort를 수행할때 지정하는 콜백형식 |
ProgressCallback | 그리드 내보내기 설정에서 showProgress가 true일때 수행될 콜백을 지정하기 위한 형식 |
RealizeHeaderCallback | ColumnHeader.templateCallback 또는 CellLayoutGroupHeader.templateCallback에 사용되는 콜백 형식 |
RealizeSummaryCallback | ColumnSummary.templateCallback에서 사용되는 콜백 형식 |
RealizeValueCallback | TemplateCellRenderer.valueCallback 에 사용되는 콜백 형식 |
RowBarCellStyleCallback | RowBar영역의 셀 스타일을 지정하기 위한 콜백 |
RowBlockCallback | row block 마스크를 설정하기 위한 콜백 |
RowHeightCallback | 행의 높이를 반환하는 콜백형식 |
RowObject | 행 오브젝트 |
RowStyleCallback | 행 스타일 변경을 위한 콜백 |
RowValues | 행 데이터 |
ScrollMessageCallback | livescroll 을 미적용 할 때 스크롤 위치를 알려주는 화면에 표시되는 메시지를 반환하는 콜백 형식 |
SetCheckedCallback | 편집 시 체크 결과 값을 결정하는 콜백 형식 |
SummaryCellSpanCallback | 사용자 지정의 headerSummary와 footer spanning을 설정하기 위한 콜백 |
TreeIconCallback | 트리 expander옆에 표시되는 아이콘을 지정하는 콜백 [매개변수 목록]
[반환값] - icon의 |
UserCellsCallback | 사용자가 출력 셀을 추가할때 사용되는 콜백 GridExportOptions.userCells이 있는 경우 수행되지 않는다. |
ValueForGroupCallback | 동일한 값이 아니지만 하나의 그룹으로 묶을때 기준이 되는 값을 개발자가 지정할때 사용한다. field의 dataType과 동일한 dataType으로 return 해야한다. |
Enumerations Desc
BarOrigin
BarCellRenderer 의 바의 위치
Members:
Member | Value | Description |
---|---|---|
BOTTOM | bottom | 아래쪽 |
DEFAULT | default | 기본값 |
LEFT | left | 왼쪽 |
RIGHT | right | 오른쪽 |
TOP | top | 위쪽 |
Example:
column.renderer = {
"type": "bar",
"origin":"right"
}
ButtonVisibility
컬럼에 버튼이 설정된 경우, 데이터 셀에 컬럼 버튼과 편집 버튼을 표시하는 방법
Members:
Member | Value | Description |
---|---|---|
ALWAYS | always | 항상 표시 |
DEFAULT | default | 마우스가 셀 위에 있거나, 셀을 선택한 상태에서만 표시 |
HIDDEN | hidden | 표시하지 않음 |
ROWFOCUSED | rowfocused | 행이 선택된 상태에서 표시 |
VISIBLE | visible | 셀을 선택한 상태에서 표시 |
Remarks:
ValueColumn의 buttonVisibility 속성과 editButtonVisibility 속성에 사용된다.
Example:
// 컬럼 버튼
column.buttonVisibility = false;
// 편집기의 버튼
column.editButtonVisibility = false;
CalendarMode
년도, 월, 일 선택화면의 제한을 설정한다.
Members:
Member | Value | Description |
---|---|---|
DAY | day | 일 을 선택할수 있다. |
MONTH | month | 월 까지만 선택할수 있다. |
YEAR | year | 년도 만 선택가능하다. |
Remarks:
년-월 또는 년도만 선택할때 사용한다.
CellButton
데이터 셀의 우측에 표시할 버튼 종류
Members:
Member | Value | Description |
---|---|---|
ACTION | action | 실행 버튼 (클릭 시 onCellButtonClicked 콜백 호출) |
NONE | none | 버튼 없음 |
POPUP | popup | 팝업 메뉴 버튼 |
Remarks:
ValueColumn.button 에서 사용된다.
Example:
column.button = 'popup';
CellLayoutType
layout의 type을 지정한다.
Members:
Member | Value | Description |
---|---|---|
COLUMN | column | 컬럼과 연결된 layout을 생성한다. |
GROUP | group | groupLayout을 추가할때 사용한다. |
Remarks:
GridBase.addLayout() 또는 CellLayoutGroupItem.addLayout() 을 이용해서 Layout을 추가할때 layout의 type을 지정한다.
ColumnHeaderItemLocation
컬럼 헤더의 이미지나 체크 박스의 위치 유형
Members:
Member | Value | Description |
---|---|---|
BOTTOM | bottom | 아래쪽 |
BOTTOM_EDGE | bottomEdge | 아래쪽 모서리 |
CENTER | center | 가운데 |
LEFT | left | 왼쪽 |
LEFT_EDGE | leftEdge | 왼쪽 모서리 |
NONE | none | 없음 |
RIGHT | right | 오른쪽 |
RIGHT_EDGE | rightEdge | 오른쪽 모서리 |
TOP | top | 위쪽 |
TOP_EDGE | topEdge | 위쪽 모서리 |
Remarks:
ColumnHeader.checkLocation 에서 사용된다.
Example:
let col = grid.columnByName('col1')
col.header.checkLocation = 'leftEdge';
ColumnLayoutDirection
Cell Layout 설정 시 배치 방향
Members:
Member | Value | Description |
---|---|---|
HORIZONTAL | horizontal | 수평적으로 배치 |
VERTICAL | vertical | 수직적으로 배치 |
Remarks:
CellLayoutGroupItem.direction 에서 사용된다.
DataDropMode
데이터 drop 시 모드
Members:
Member | Value | Description |
---|---|---|
COPY | copy | 복사 |
MOVE | move | 이동 |
DataFillMode
데이터 채우기 방법
Members:
Member | Value | Description |
---|---|---|
APPEND | append | 마지막 행 뒤에 데이터 추가 |
INSERT | insert | 삽입 |
SET | set | 기존 데이터를 무시하고 0행부터 데이터 행 개수만큼 채움 |
UPDATE | update | 기존 데이터를 대체한다. 마지막행까지 도착한 이후 남은 데이터는 무시된다. |
Remarks:
DataFillOptions.fillMode 에서 사용한다.
DefaultShowDate
달력 편집기를 사용할 때, 달력에 표시되는 날짜 유형
Members:
Member | Value | Description |
---|---|---|
DEFAULT | default | 지정된 날짜 |
DEFAULT_WHEN_NULL | defaultWhenNull | 셀에 데이터가 있는 경우 해당일자, 없는 경우 지정된 날짜가 선택되어 표시된다. |
NORMAL | normal | 일반 |
TODAY | today | 오늘 |
TODAY_WHEN_NULL | todayWhenNull | normal 의 동작과 같지만, 날짜가 없는 경우에만 현재 일자가 선택되어 표시되는 유형 |
Remarks:
DateCellEditor 에서 사용된다.
Example:
column.editor = { type: "date", maxLength: 6, yearNavigation: true, defaultShowDate: 'today' }
DragFeedbackStyle
mouse가 over 될때 drop 되는 위치를 보여주는 feedback의 style
Members:
Member | Value | Description |
---|---|---|
CELL | cell | |
GROUP | group | 드랍되는 컬럼 Group셀에 overlay되는 block형태로 표시. |
LINE | line | Line 드랍되는 행의 위 또는 아래에 line형태로 표시 |
ROW | row | Block or Row 드랍되는 행에 overlay되는 block형태로 표시 |
DropDownPosition
DropDownCellEditor 의 목록 또는 DateCellEditor, BTDateCellEditor 달력 선택 상자의 위치
Members:
Member | Value | Description |
---|---|---|
BUTTON | button | 버튼에 맞추어 정렬 |
EDITOR | editor | 편집기에 맞추어 정렬 |
Example:
column.editor = {
type: 'list',
values: ['value1', 'value2'],
dropDownPosition: 'editor'
}
DropDownSortStyle
DropDownCellEditor 목록의 정렬 방식
Members:
Member | Value | Description |
---|---|---|
ASCENDING | ascending | 오름차순 |
DESCENDING | descending | 내림차순 |
NONE | none | 지정 안함 |
Example:
column.editor = {
type: 'list',
values: ['value1', 'value2'],
itemSortStyle: 'descending'
}
DropDownValueLabel
DropDownCellEditor 의 목록을 보여주는 방법
Members:
Member | Value | Description |
---|---|---|
LABEL | label | label 값만 |
LABEL_VALUE | labelValue | label - value 순서쌍 |
VALUE | value | value 값만 |
VALUE_LABEL | valueLabel | value - label 순서쌍 |
Example:
column.editor = {
type: 'list',
values: ['value1', 'value2'],
labels: ['label1', 'label2'],
displayLabels: 'valueLabel'
}
EdgeMark
edgeMark
Members:
Member | Value | Description |
---|---|---|
LEFT_BOTTOM | leftBottom | 왼쪽 아래 |
LEFT_TOP | leftTop | 왼쪽 위 |
RIGHT_BOTTOM | rightBottom | 오른쪽 아래 |
RIGHT_TOP | rightTop | 오른쪽 위 |
Remarks:
ValueColumn.edgeMark에서 사용된다.
Example:
column.edgeMark = "leftTop"
ExitGridWhenTab
tab 입력 시 그리드를 벗어나기 위한 조건
EditOptions.exitGridWhenTab 에서 설정 가능하다.
Members:
Member | Value | Description |
---|---|---|
GRID | grid | 그리드의 마지막 셀일 경우 벗어난다. |
NONE | none | tab키를 입력했을때 그리드를 벗어나지 않는다. |
ROW | row | 행의 마지막 셀일 경우 벗어난다. |
Example:
grid.editOptions.exitGridWhenTab = 'grid';
ExpanderVisibility
행 그룹핑 시 Expander 표시여부
Members:
Member | Value | Description |
---|---|---|
ALWAYS | always | 행 그룹핑 시 Expander 를 항상 표시한다. |
DEFAULT | default | 기본값: 그룹핑 된 행들이 여러 개 보임 상태이면 표시하고 그렇지 않으면 표시하지 않는다. |
NONE | none | 행 그룹핑 시 Expander 를 표시하지 않는다. |
Remarks:
RowGroup.mergeExpanderVisibility 에서 사용된다.
Example:
gridView.rowGroup.mergeExpanderVisibility = 'always';
ExportCompression
파일을 생성할때 압축여부
Members:
Member | Value | Description |
---|---|---|
DEFLATE | DEFLATE | 파일을 압축한다. |
STORE | STORE | 파일을 압축하지 않는다. |
ExportLayoutExpand
layout Expandable이 true인 layut을 excel로 export할때
Members:
Member | Value | Description |
---|---|---|
COLLAPSE | collapse | 접힌 상태로 출력한다. |
CURRENT | current | current 현재모양 |
EXPAND | expand | 펼쳐진 상태로 출력한다. |
IGNORE | ignore | expandable을 무시하고 설정된 layout모양대로 출력한다. |
ExportTarget
그리드를 외부 문서로 내보내기 할 때의 대상
Members:
Member | Value | Description |
---|---|---|
LOCAL | local | 로컬에 직접 저장 |
REMOTE | remote | 서버를 경유해서 저장 |
STREAM | stream | 콘솔에 내보내기 |
ExportType
그리드를 외부 문서로 내보내기 할 때의 종류
Members:
Member | Value | Description |
---|---|---|
CSV | csv | CSV |
EXCEL | excel | 엑셀 |
Remarks:
ExportBaseOptions.type 에서 사용된다.
FilterMode
데이터 수정 이후 필터 동작 모드
Members:
Member | Value | Description |
---|---|---|
AUTO | auto | 자동 |
EXPLICIT | explicit | 데이터 수정이후 명시적으로 필터링을 수행해야 필터링됨 |
Remarks:
GridView.filterMode 에서 사용된다.
Example:
gridView.filterMode = 'explicit';
FocusMoveStep
columnGroup이 있을때 왼쪽화살표 또는 오른쪽 화살표를 입력했을때 focus이동 방식
Members:
Member | Value | Description |
---|---|---|
CELL | cell | 셀단위로 이동한다. |
GROUP | group | 최상위 그룹단위로 이동한다. |
FocusType
focus를 layer형태로 표시하거나 테두리만 표시한다.
DisplayOptions.focusType 에서 설정 가능하다.
Members:
Member | Value | Description |
---|---|---|
LAYER | layer | 선택된 셀을 덮는 layer형태로 표시한다. |
LINE | line | 선택된 셀의 테두리만 line으로 표시한다. |
GridCellType
그리드의 셀 종류
Members:
Member | Value | Description |
---|---|---|
CHECK | check | 체크 바 |
DATA | data | 데이터 |
FILTER | filter | filter rowIndicator영역 |
FIXED_BAR | fixedbar | 고정 바 |
FOOT | foot | foot |
FOOTER | footer | 푸터 |
GRID_EMPTY | gridEmpty | 빈 그리드 |
GROUP_BAR | groupBar | 그룹 바 |
GROUP_COLUMN | groupColumn | 그룹 컬럼 |
GROUP_FOOT | groupFoot | group foot |
GROUP_FOOTER | groupFooter | 그룹 푸터 |
GROUP_HEAD | groupHead | group head |
GROUP_HEADER | groupHeader | 그룹 헤더 |
GROUP_PANEL | groupPanel | 그룹 패널 |
HEAD | head | head |
HEADER | header | 헤더 |
INDICATOR | indicator | 인디케이터 |
INLINE_FILTER | inlineFilter | inline-filter body영역 |
LAYOUT_HEADER | layoutHeader | Column Group의 Header |
STATE | state | 상태 바 |
SUM | sum | sum |
SUMMARY | summary | Summary |
Remarks:
ClickData 등에서 사용된다.
Example:
gridView.onMenuItemClicked = function (grid, item, clickData) {
console.log(item.label + "was clicked.");
console.log("cellType is: " + clickData.cellType);
};
GridFitStyle
컬럼들의 표시 방식을 조정하는 상수
Members:
Member | Value | Description |
---|---|---|
EVEN | even | 표시한 컬럼들의 전체 너비가 그리드 너비보다 작을 경우 비율에 맞춰 남는 크기를 분배 |
EVEN_FILL | evenFill | 항상 그리드 너비에 맞게 늘리거나 축소 (컬럼의 width를 이용) |
FILL | fill | fillWidth가 설정되었다면 이를 이용하여, 그렇지 않다면 even과 동일한 방식으로 그리드를 채움 |
NONE | none | 조정하지 않고 컬럼 너비대로 표시 |
Remarks:
DisplayOptions.fitStyle 등에서 쓰인다.
Example:
grid.displayOptions.fitStyle = 'even'
GroupShowMode
그룹컬럼을 접거나 펼쳤을때 보여질것인가를 결정한다.
CellLayoutItem.groupShowMode에서 설정한다.
Members:
Member | Value | Description |
---|---|---|
ALWAYS | always | 항상 보여진다. |
COLLAPSE | collapse | 그룹을 접었을때 보여진다. |
EXPAND | expand | 그룹을 펼쳤을때 보여진다. |
Remarks:
상위 layout의 expand상태에 따라서 보이거나 숨도록 한다.
HandleVisibility
핸들의 표시 방법
Members:
Member | Value | Description |
---|---|---|
ALWAYS | always | 항상 표시 |
HIDDEN | hidden | 숨김 |
HOVERED | hovered | 호버링 된 경우만 표시 |
VISIBLE | visible | 표시 |
Remarks:
소팅(sorting), 필터링(filtering) 시 컬럼 헤더에 표시되는 기능 아이콘을 핸들(Handle)이라고 한다.
HandleVisiblity는 SortingOptions, FilteringOptions 의 handleVisibility 속성으로 구현되어 있다.
Example:
grid.sortingOptions.handleVisibility = 'visible';
IconLocation
렌더링하는 아이콘, 체크박스, 도형 등의 위치
Members:
Member | Value | Description |
---|---|---|
BOTTOM | bottom | 텍스트 아래쪽에 표시 |
BOTTOM_EDGE | bottomEdge | 셀 아래쪽 모서리에 표시 |
CENTER | center | 셀 중앙에 표시 |
LEFT | left | 텍스트 왼쪽에 표시 |
LEFT_EDGE | leftEdge | 셀 왼쪽 모서리에 표시 |
RIGHT | right | 텍스트 오른쪽에 표시 |
RIGHT_EDGE | rightEdge | 셀 오른쪽 모서리에 표시 |
TOP | top | 텍스트 위쪽에 표시 |
TOP_EDGE | topEdge | 셀 위쪽 모서리에 표시 |
Remarks:
IconCellRenderer, CheckCellRenderer, ShapeCellRenderer 에서 사용된다.
Example:
...
"renderer": {
"type": "check",
"checkLocation": "right"
},
...
IndicatorValue
인디케이터에 표시될 내용 종류
Members:
Member | Value | Description |
---|---|---|
INDEX | index | 행 순서 |
NONE | none | 없음 |
REVERSE | reverse | 행 순서를 역순으로 표시 |
ROW | row | 행 고유 번호 |
InlineFilterOperator
FilterPanel에서 사용할수 있는 연산자의 종류이다.
Members:
Member | Value | Description |
---|---|---|
BETWEEN | between | 범위를 지정한다. |
CONTAINS | contains | 입력된 값을 포함하고 있는 Data |
EMPTY | empty | 값이 없는 Data를 검색 |
ENDS_WITH | endsWith | 입력된 값으로 끝나는 Data |
EQUAL | equal | 입력된 값과 동일한 Data |
GREATER | greater | 입력된 값보다 큰 Data |
GREATER_EQUAL | greaterEqual | 입력된 값보다 크거나 같은 Data |
LOWER | lower | 입력된 값보다 작은 Data |
LOWER_EQUAL | lowerEqual | 입력된 값보다 작거나 같은 Data |
NOT_CONTAINS | notContains | 입력된 값을 포함하고 있지 않은 Data |
NOT_EQUAL | notEqual | 입력된 값과 다른 Data |
RESET | reset | 입력된 값을 지우고 filter를 비활성화 시킨다. |
STARTS_WITH | startsWith | 입력된 값으로 시작하는 Data |
Remarks:
DataColumn.valueType에 따라서 사용할수 있는 연산자에 제한이 있다.
ItemState
아이템의 상태
Members:
Member | Value | Description |
---|---|---|
APPENDING | appending | 추가 중인 경우 |
DUMMY | dummy | 더미 |
FOCUSED | focused | 입력된 인덱스가 현재 편집 중인 아이템의 인덱스인 경우 |
INSERTING | inserting | 삽입 중인 경우 |
NORMAL | normal | 편집, 추가, 입력 중이 아닌 경우 |
UPDATING | updating | 편집 중인 경우 |
ItemType
그리드에서 아이템의 종류
Members:
Member | Value | Description |
---|---|---|
FOOTER | footer | 그룹 푸터 |
GROUP | group | 그룹 아이템 |
ROW | row | 행 |
TREE | tree | 트리 아이템 |
Remarks:
getModelAs() 등에서 사용한다.
Example:
let model = gridView.getModelAs(3, 'row');
LayoutDirection
item의 배치방향
Members:
Member | Value | Description |
---|---|---|
HORIZONTAL | horizontal | item을 수평으로 배치한다. |
VERTICAL | vertical | item을 수직으로 배치한다. |
MenuItemType
PopupMenu 등에 표시되는 메뉴 항목의 유형
Members:
Member | Value | Description |
---|---|---|
CHECK | check | 체크박스와 텍스트 |
NORMAL | normal | 일반 텍스트 |
RADIO | radio | 라디오 버튼과 텍스트 |
SEPARATOR | separator | 메뉴 항목 간 구분 |
Remarks:
PopupMenuItem.type 과 MenuItem.type 에서 사용된다.
Example:
let menu = [{
label: "menu3 입니다",
type: "check",
checked: true,
}]
NullsOrder
정렬할때 undefined, null ''
을 오름차순, 내림차순에 관계없이 상단 또는 하단에 위치시킨다.
SortingOptions.nullsOrder에서 설정한다.
Members:
Member | Value | Description |
---|---|---|
DEFAULT | default | 오름차순일때는 상단, 내림차순일때는 하단에 위치시킨다. |
FIRST | first | 상단에 위치시킨다. |
LAST | last | 하단에 위치시킨다. |
PolygonShape
ShapeCellRenderer 에서 사용 가능한 도형 목록
Members:
Member | Value | Description |
---|---|---|
DIAMOND | diamond | 다이아몬드 |
DOWN_ARROW | downarrow | 아래를 향하는 화살표 |
EQUAL | equal | 등호 기호 |
INVERTED_TRIANLGE | itriangle | 역삼각형 |
LEFT_ARROW | leftarrow | 왼쪽을 향하는 화살표 |
MINUS | minus | 빼기 기호 |
PLUS | plus | 더하기 기호 |
RECTANGLE | rectangle | 직사각형 |
RIGHT_ARROW | rightarrow | 오른쪽을 향하는 화살표 |
STAR | star | 별 모양 |
TRIANLGE | triangle | 삼각형 |
UP_ARROW | uparrow | 위를 향하는 화살표 |
Example:
column.renderer = {
"type": "shape",
"shape": "triangle" // PolygonShape
}
RefreshMode
그리드를 다시 그릴 때 필요한 상수
Members:
Member | Value | Description |
---|---|---|
ALL | all | 모든 컬럼들을 다시 그리기 |
RECYCLE | recycle | 세로스크롤시에는 보이는 컬럼만 다시 그리고 가로스크롤시에는 전체 컬럼을 다시 그린다. |
VISIBLE_ONLY | visibleOnly | 보이는 컬럼들만 다시 그리기 |
Remarks:
DisplayOptions.refreshMode 에서 사용한다.
Example:
grid.displayOptions.refreshMode = 'visibleOnly';
RestoreMode
복원 모드 종류
Members:
Member | Value | Description |
---|---|---|
AUTO | auto | 원래 값으로 다시 수정만 하면 RowState 도 다시 원상태로 돌아온다. |
EXPLICIT | explicit | 명시적으로 restoreUpdatedRows()를 사용했을 경우에만 RowState 와 값이 변경된다. |
NONE | none | 복원 모드를 설정하지 않는다. |
RowGroupAdornments
행 그룹 상태일 때 헤더나 푸터의 표시 방법
Members:
Member | Value | Description |
---|---|---|
BOTH | both | 행 그룹 상태일 때 헤더와 푸터 둘 다 표시 |
FOOTER | footer | 행 그룹 상태일 때 푸터 표시 |
HEADER | header | 행 그룹 상태일 때 헤더 표시 |
NONE | none | 표시 안 함, expandedAdornments 상태에서만 적용 가능하다. |
SUMMARY | summary | 행 그룹 상태일 때 summary의 내용을 헤더 위치에 표시 |
Remarks:
RowGroup.collapsedAdornments, RowGroup.expandedAdornments 에서 사용된다.
Example:
grid.setRowGroup({expandedAdornments: "none"});
RowMaskType
선택 된 행의 표시 형태 (행의 마스크 종류)
Members:
Member | Value | Description |
---|---|---|
CELL | cell | 하나의 셀 |
DATA | data | 컬럼 영역 |
FILL | fill | 인디케이터, 상태바, 체크바, 컬럼을 포함한 영역 + 빈 영역 |
NONE | none | 없음 |
ROW | row | 인디케이터, 상태바, 체크바, 컬럼을 포함한 영역 |
Remarks:
rowBlockType, rowHoverType, rowFocusType 등에서 사용된다.
Example:
grid.displayOptions.rowBlockCallback = f;
grid.displayOptions.rowBlockType = 'row';
RowState
행의 상태
Members:
Member | Value | Description |
---|---|---|
CREATE_AND_DELETED | createAndDeleted | 생성 후 삭제됨 |
CREATED | created | 생성됨 |
DELETED | deleted | 삭제됨 |
NONE | none | 아무것도 아님 |
UPDATED | updated | 업데이트됨 |
ScrollOnEditing
편집 중 일때 스크롤 시 처리 상태
Members:
Member | Value | Description |
---|---|---|
CANCEL | cancel | 편집 취소 |
COMMIT | commit | 커밋 |
DEFAULT | default | 편집기 유지 |
Remarks:
EditOptions.scrollOnEditing 에서 설정 가능하다.
Example:
grid.editOptions.scrollOnEditing = 'cancel';
SelectionDisplay
셀 선택 디스플레이
Members:
Member | Value | Description |
---|---|---|
CELL | cell | 셀 |
CELL_AND_BORDER | cellAndBorder | 셀과 경계 |
MASK | mask | 마스크 |
Remarks:
개발 중...
SelectionMode
셀 선택 영역에 대한 모드
Members:
Member | Value | Description |
---|---|---|
EXTENDED | extended | 여러개의 영역선택을 사용 |
NONE | none | 영역선택을 사용하지 않음. |
SINGLE | single | 하나의 영역선택만 사용 |
Remarks:
DisplayOptions.selectionMode 에서 사용된다.
SelectionStyle
셀 선택 영역에 대한 스타일
Members:
Member | Value | Description |
---|---|---|
BLOCK | block | 블록 형태로 선택 |
COLUMNS | columns | 컬럼 단위로 선택 |
GROUP | group | 블록과 동일한 형식으로 선택하지만 셀단위가 아닌 그룹단위로 선택을 한다. |
NONE | none | 선택 불가 |
ROWS | rows | 행 단위로 선택 |
SINGLE | single | 하나의 셀만 선택 |
SINGLE_COLUMN | singleColumn | 하나의 컬럼만 선택 |
SINGLE_ROW | singleRow | 하나의 행만 선택 |
Remarks:
SINGLE
, SINGLE_ROW
, SINGLE_COLUMN
을 single selection style 이라한다.
DisplayOptions.selectionStyle 에서 사용된다.
RowIndicator.selectable 기능이 정상적으로 작동하려면 DisplayOptions.selectionStyle 이 single selection style 이 아니어야 한다.
DisplayOptions.selectionStyle 이 single selection style 이 아니어야 ctrl
key 를 누른 후 컬럼헤더 드래그 시 컬럼 단위 선택 영역이 지정된다.
SortCase
대소문자 구분 유형
Members:
Member | Value | Description |
---|---|---|
INSENSITIVE | insensitive | 구분하지 않음 |
SENSITIVE | sensitive | 구분 |
Remarks:
SortingOptions.textCase, orderBy() 등에서 사용된다.
Example:
gridView.orderBy(['fruit'], ['descending'], ['insensitive']);
SortDirection
정렬 방식
Members:
Member | Value | Description |
---|---|---|
ASCENDING | ascending | 오름차순 |
DESCENDING | descending | 내림차순 |
NONE | none | 없음 |
Remarks:
getDistinctValues(), orderBy() 등에서 사용된다.
Example:
gridView.orderBy(['fruit'], ['descending'], ['insensitive']);
SortMode
데이터 수정 이후 정렬 동작 모드
Members:
Member | Value | Description |
---|---|---|
AUTO | auto | 자동 |
EXPLICIT | explicit | 데이터 수정이후 명시적으로 정렬을 수행해야 정렬 |
Remarks:
GridBase.sortMode 에서 사용된다.
Example:
gridView.sortMode = "explicit";
SortStyle
그리드 컬럼 헤더 클릭 시 정렬 유형
Members:
Member | Value | Description |
---|---|---|
EXCLUSIVE | exclusive | 마지막으로 클릭 한 컬럼으로 정렬 |
INCLUSIVE | inclusive | 처음으로 클릭 한 컬럼을 우선으로 정렬 |
NONE | none | 정렬 안 함 |
REVERSE | reverse | 마지막으로 클릭한 컬럼을 우선으로 정렬 |
Remarks:
SortingOptions.style 에서 사용된다.
Example:
grid.sortingOptions.style = 'inclusive'
StateMark
상태바의 상태 표시 방법
Members:
Member | Value | Description |
---|---|---|
IMAGE | image | 이미지 |
NONE | none | 없음 |
TEXT | text | 텍스트 |
SummaryMode
그리드의 각 컬럼의 합계를 계산하는 방식
Members:
Member | Value | Description |
---|---|---|
AGGREGATE | aggregate | 합, 평균, 최대값, 최소값 등 산술적인 합계를 자동으로 계산 |
NONE | none | 계산하지 않음 |
STATISTICAL | statistical | 분산, 표준 편차 등 통계적 합계를 자동으로 계산 |
Remarks:
GridBase.summaryMode 등에서 설정하여 사용할 수 있다.
Example:
let sum = gridView.getSummary('unitPrice', 'sum');
SummaryType
필드의 합계값을 계산하기 위한 유형
Members:
Member | Value | Description |
---|---|---|
AVG | avg | 평균 |
COUNT | count | 개수 |
DATAAVG | dataavg | DATACOUNT 로 나눈 평균 |
DATACOUNT | datacount | 값이 지정되어 잇는 데이터 개수 (null 이 아닌) |
MAX | max | 최대값 |
MIN | min | 최소값 |
STDEV | stdev | 표본집단 표준편차 |
STDEVP | stdevp | 모집단 표준편차 |
SUM | sum | 합 |
VAR | var | 표본집단 분산 |
VARP | varp | 모집단 분산 |
Remarks:
GridBase.getSummary() 에서 사용된다.
Example:
let sum = gridView.getSummary('unitPrice', 'sum');
SyncGridHeight
조회된 data가 모두 보일수 있도록 그리드의 높이를 변경한다.
Members:
Member | Value | Description |
---|---|---|
ALWAYS | always | 항상 data 영역에 그리드 높이를 맞춘다. |
NONE | none | 지정된 높이를 유지한다. |
OVER | over | 그리드의 영역보다 커지는 경우 그리드의 높이를 변경한다. |
Remarks:
data가 없는 경우 초기 높이로 표시된다. 많은 data가 출력되는 경우 느려지기 때문에 일부 data만 가져온후 더보기
버튼등을 이용해서 data를 추가해야 한다.
TextInputCase
대소문자 형태
Members:
Member | Value | Description |
---|---|---|
DEFAULT | default | 편집기에서 이 값으로 설정되면 컬럼에 설정된 값을 따름 |
LOWER | lower | 소문자로 표시 |
NORMAL | normal | 입력되는 대로 표시 |
UPPER | upper | 대문자로 표시 |
Remarks:
ValueColumn.textInputCase, CellEditor.textCase 등에서 사용된다.
Example:
column.editor = { type: "line", maxLength: 1, textCase: 'lower'}
TimeCategory
시간으로 filtering할때 분류 단위
Members:
Member | Value | Description |
---|---|---|
AUTO | auto | 데이터들 값에 따라 분류한다. 시간이 생략된경우 날짜로 분류한다. |
HOUR | hour | 시간으로 분류한다. |
MINUTE | minute | 분단위까지 분류한다. |
NONE | none | 시간으로 분류하지 않고 날짜로 분류한다. |
SECOND | second | 초단위까지 분류한다. |
Remarks:
FilterAutomatingOptions.timeCategorize에서 사용한다.
TimeSelectType
Members:
Member | Value | Description |
---|---|---|
HOUR | hour | 시간선택 화면을 표시한다. |
MINUTE | minute | 시/분 선택화면을 표시한다. |
NONE | none | 시간선택화면을 표시하지 않는다. |
SECOND | second | 시/분/초 선택화면을 표시한다. |
TreeExpanderIconStyle
Tree Expander에 표시되는 기본 아이콘의 스타일을 지정한다.
Members:
Member | Value | Description |
---|---|---|
SQUARE | square | 사각형 형태의 Tree Expander 아이콘을 표시한다. |
TRIANGLE | triangle | 삼각형 형태의 Tree Expander 아이콘을 표시한다. |
ValidationLevel
데이터 검증 결과 수준
Members:
Member | Value | Description |
---|---|---|
ERROR | error | 오류 |
IGNORE | ignore | 없음 |
INFO | info | 정보 |
WARNING | warning | 경고 |
Remarks:
GridBase.setValidations() 등에서 쓰인다.
Example:
gridView.setValidations({
message: 'Too expensive!',
criteria: "values['UnitPrice'] > 100",
level: 'error'
})
ValidationMode
검증 방법
Members:
Member | Value | Description |
---|---|---|
ALWAYS | always | 항상(삽입, 수정) 커밋될 때마다 |
INSERT | insert | 추가한 행이 커밋될 때 |
UPDATE | update | 수정한 행이 커밋될 때 |
Remarks:
GridBase.setValidations() 등에서 쓰인다.
Example:
gridView.setValidations({
message: 'Too expensive!',
criteria: "values['UnitPrice'] > 100",
mode: 'always'
})
ValueType
데이터 필드의 데이터 자료형
Members:
Member | Value | Description |
---|---|---|
BOOLEAN | boolean | Boolean |
CHAR | char | 문자 |
DATE | date | 시간 부분이 제거된 날짜 |
DATETIME | datetime | 날짜 |
INT | int | 정수형 |
NUMBER | number | 숫자 |
OBJECT | object | 오브젝트 |
TEXT | text | 텍스트 |
UINT | uint | 0 이상의 정수형 값 |
UNUM | unum | 0 이상의 숫자 |
Remarks:
DataField.dataType 에서 사용될 때는 TEXT
, NUMBER
, DATETIME
, BOOLEAN
, OBJECT
으로 사용되며, 적용한 자료형을 제한하고 싶을 때에는 DataField.subType 에 다음과 같이 부여 가능하다.
dataType 이 TEXT
: CHAR
dataType 이 NUMBER
: INT
, UNUM
, UINT
dataType 이 DATETIME
: DATE
Example:
let fields = [{
...
dataType: "text",
subType: "char",
...
}]
ds.setFields(fields);
VerticalMoveStep
direction이 vertical
인 ColumnGruop의 하위 컬럼에서 위화살표 또는 아래화살표를 입력했을때 focus이동 방식.
Members:
Member | Value | Description |
---|---|---|
CELL | cell | 셀단위로 이동한다. |
ROW | row | row단위로 이동한다. |
Type Aliases Desc
BooleanOutputCallback
boolean 필드 변환시 수행 될 콜백함수 형식
Remarks:
DataOutputOptions.booleanCallback 에서 사용된다.
[매개변수 목록]
ds
- DataProvider 컨트롤
row
- 아이템의 인덱스
field
- 필드명
value
- 값
[반환값] - 출력할 값
Example:
const f = function(ds, row, field, value) {
return !!value;
}
CategoryCallback
자동 필터링 시 사용자 지정 분류를 위한 콜백 형식
Remarks:
[매개변수 목록]
column
- 자동 필터링이 걸려있는 컬럼
values
- 전체 값들
[반환값] - 카데고리 분류 모델의 배열 형태
Example:
const f = function(column, values) {
const emptyText = '빈 아이템'
if (!values) {
return null;
}
const valids = values.filter(function (el) { return el != undefined && el != null; });
const min = Math.min.apply(null, valids);
const vlen = values.length;
let unit;
if (vlen > 15) {
const groupCount = Math.min(Math.round(vlen / 5)), 10);
unit = Math.round(vlen / groupCount);
} else {
unit = 1;
}
let categories = [];
let gvals = [];
let gindex = 0;
let gmin = min;
let isEmpty = false;
for (let i = 0; i < vlen; i++) {
const v = values[i];
if (v === undefined || v === null) {
isEmpty = true;
continue;
}
if (i == gindex + unit || i === vlen - 1) {
categories.push({ text: gmin + ' ~ ' + v, values: gvals });
gvals = [v];
gindex = i;
gmin = v;
} else {
gvals.push(v);
}
}
if (isEmpty) {
categories.push({ text: emptyText, empty: true });
}
return categories;
}
CellSpanCallback
사용자 지정의 cell spanning을 설정하기 위한 콜백
Remarks:
CellLayoutColumnItem 에서 사용된다.
[매개변수 목록] grid
- GridBase 컨트롤
layout
- 레이아웃 아이템
itemIndex
- 행의 인덱스
Example:
const f = function (grid, layout, itemIndex) {
var value = grid.getValue(itemIndex, layout.column.dataIndex);
if (value) {
return value[0] === "B" ? 3 : value[0] === "F" ? 2 : 1;
}
return 1;
};
CellStyleCallback
동적 셀 스타일 변경을 위한 콜백
Remarks:
ColumnStyleObject 를 반환 할 때는 GridBase.setCellStyleCallback(), ValueColumn.styleCallback 에서 사용한다.
ColumnSummaryStyleObject 를 반환 할 때는 GridFooter.cellStyleCallback, HeaderSummary.cellStyleCallback 에서 사용한다.
문자열 반환 시 스타일 명으로 지정
[매개변수 목록]
grid
- GridBase 컨트롤
model
- 그리드의 셀
[반환값] - 동적 스타일을 부여하기 위한 오브젝트 혹은 스타일 클래스 명
Example:
const f1 = function(grid, model) {
if (model.value > 5) return "rg-data-cell bold-cell";
if (model.value < 0 && model.value > -10) {
return {
styleName: 'custom-negative-cell',
renderer: {
type: 'bar',
absoluteValue: true
}
}
}
}
const f2 = function(grid, model) {
if (model.value > 10) {
return {
styleName: 'custom-summary-cell'
}
}
}
// 전체 데이터 셀에 적용
gridView.setCellStyleCallback(f1);
// 컬럼 별 적용
let column = gridView.columnByName('Price');
column.styleCallback = f1;
// 푸터 적용
gridView.footer.cellStyleCallback = f2;
// header summary 적용
gridView.headerSummary.cellStyleCallback = f2;
CheckableCallback
CheckBar 에서 체크 가능 여부를 결정하는 콜백
Remarks:
[매개변수 목록]
dataSource
- DataProvider 컨트롤
item
- 체크의 대상이 되는 아이템 (행 아이템, 헤더 아이템 등)
[반환값] - 체크 가능 여부
Example:
const f = function(dataSource, item) {
if (item.value) {
return item.value !== 'doNotCheck';
}
else {
return false;
}
}
ColumnObjectCallback
dataType
이 object
인 data를 화면에 표시할때 사용되는 콜백
Remarks:
[매개변수 목록]
fieldName
- field명
dataRow
- dataRow
value
- value
[반환값] - 화면에 표시할 내용
Example:
const callback = function(fieldName, dataRow, value) {
return JSON.stringify(value);
}
gridView.columnByName("objectColumn").objectCallback = callback;
ColumnSummaryCallback
컬럼의 footer 또는 summary에 표시되는 값을 사용자가 지정할때 사용되는 콜백의 형식
Remarks:
[매개변수 목록]
grid
- gridView
column
- footer 또는 summary의 컬럼
footerIndex
- column의 footer가 여러개인경우 순번
summary
- footer 또는 summary객체 groupFooter인 경우 GroupItem객체
value
- expression이 지정된 경우 값
[반환값] - 화면에 표시될 내용.
CompareCallback
검색할 때 사용자 임의로 조건을 지정하기 위한 값 비교 콜백 형식
Remarks:
[매개변수 목록]
v1
- 검색되어지는 값
v2
- 검색한 값
sensitive
- 대소문자 구분 여부
partialMatch
- 포함되는 글자도 검색하는지 여부
[반환값] - 해당 값 매칭 여부
Example:
const f = function(v1, v2, sensitive, partialMatch) {
if (v1 === v2) {
return true;
}
let s1 = String(v1);
let s2 = v2 == null ? undefined : String(v2);
if (!s1 && !s2) {
return true;
}
if (!s1 || !s2) {
return false;
}
if (!caseSensitive) {
s1 = s1.toLowerCase();
s2 = s2.toLowerCase();
}
if (partialMatch) {
return s2.indexOf(s1) >= 0;
} else {
return s1 == s2;
}
}
CompareFunction
비교함수 형식
Remarks:
Array.prototype.sort() 에서 쓰는 CompareFunction 과 같은 형식이다.
DataProviderBase.setDataComparer() 에서 사용한다.
ConfigObject
CopyTextCallback
그리드를 복사할때 클립보드에 저장되는 text를 반환하는 콜백 형식
Remarks:
CopyOptions.copyTextCallback에서 사용된다.
[매개변수 목록]
grid
- GridBase 컨트롤
itemIndex
- 복사되는 행의 itemIndex
column
- DataColumn 객체
[반환값] - 클립보드에 복사될 text undefined
를 return 하면 value 또는 copyOptions의 다른 설정값에 따른 text가 복사된다.
Example:
const f = function(grid, itemIndex, column, value) {
if (value != null && column.name === "number1") {
return value + "";
}
}
grid.copyOptions.copyTextCallback = f;
CreateFooterCallback
특정 그룹 푸터의 표시 여부를 지정하기 위한 콜백 형식
Remarks:
RowGroup.createFooterCallback 에서 사용되는 형식이다.
[매개변수 목록]
owner
- GridBase 컨트롤
group
- 그룹 아이템
footerIndex
- 푸터 콜렉션 내에서의 인덱스
Example:
createFooterCallback: function(owner, group, footerIndex) {
if (group.level >= 5) { return false }
if (group.level === 4) {
let relation2 = owner.getDataSource().getValue(group.firstItem.dataRow, "relation2");
return relation2 === "친족"
}
if (group.level === 3) {
let relation1 = owner.getDataSource().getValue(group.firstItem.dataRow, "relation1");
return relation1 === "동일인측"
}
return true;
}
DataDragCallback
그리드 간 drag and drop 을 시작할 때 발생하는 콜백 형식
Remarks:
false
반환 시 drag and drop 이 취소된다. DataDropOptions.dragCallback 에서 쓰인다.
[매개변수 목록]
source
- 드래그한 아이템이 있던 GridBase 컨트롤
sourceItems
- 드래그한 그리드의 아이템들의 인덱스
target
- 드랍할 GridBase 컨트롤 또는 HTMLElement
targetItem
- 드랍할 그리드에서의 아이템 인덱스
targetColumn
- 드랍할 그리드에서의 targetColumn
[반환값] - drag and drop 가능 여부
Example:
gridView.dataDropOptions.dragCallback = function (source, sourceItems, target, targetItem) {
return targetItem % 2 == 0;
}
DataDragLabelCallback
drag 중인 item 의 label 텍스트를 결정하기 위한 콜백의 형식
Remarks:
[매개변수 목록]
source
- 드래그한 아이템이 있던 GridBase 컨트롤
sourceItems
- 드래그한 그리드의 아이템들의 인덱스
target
- 드랍할 GridBase 컨트롤 또는 HTMLElement
targetItem
- 드랍할 그리드에서의 아이템 인덱스
targetColumn
- 드랍할 그리드에서의 targetColumn
[반환값] - 레이블의 텍스트
Example:
gridView.dataDropOptions.labelCallback = function (source, sourceItems, target, targetItem) {
return sourceItems.length + " 개의 행";
}
DataDropCallback
그리드 간 drag and drop 했을 때 발생하는 콜백 형식
Remarks:
DataDropOptions.callback 에서 사용 된다.
[매개변수 목록]
source
- 드래그한 아이템이 있던 GridBase 컨트롤
sourceItems
- 드래그한 그리드의 아이템들의 인덱스
target
- 드랍할 GridBase 컨트롤 또는 HTMLElement
targetItem
- 드랍할 그리드에서의 아이템 인덱스
targetColumn
- 드랍할 그리드에서의 targetColumn
Example:
gridView.dataDropOptions.callback = function (source, sourceItems, target, targetItem) {
alert('row from ' + sourceItems + ' to ' + targetItem);
for (var i = 0; i < sourceItems.length; i++) {
var r = source.getDataRow(sourceItems[0]);
var ds = source.getDataSource();
var row = ds.getJsonRow(r)
if (targetItem >= target.getItemCount()) {
ds.addRow(row);
} else {
r = target.getDataRow(targetItem);
target.getDataSource().insertRow(r, row);
}
}
}
DataFieldInput
데이터 필드에 관한 입력 형식
Remarks:
setFields 등에서 사용한다.
Example:
// string
ds.setFields('fieldnName');
// model
let fields = ds.getFields();
ds.setFields(fields);
// config
ds.setFields({
fieldName: 'OrderID',
dataType: 'text',
});