RealGrid2 API
Class
GridBase

GridBase

GridBase는 GridViewTreeView의 기반 클래스(Base Class)이다.

Signature:

export declare abstract class GridBase 

Remarks

GridBase 의 모든 속성과 method 는 이를 상속한 하위 클래스들에서만 호출할 수 있다.

[하위 클래스]

GridView

TreeView

Events

PropertyTypeDescription
onCellButtonClicked(grid: GridBase, index: CellIndex, column: GridColumn) => void사용자가 데이터 셀 내부의 action 버튼을 클릭했을 때 호출한다.
onCellClicked(grid: GridBase, clickData: ClickData) => void그리드 셀이 클릭되었음을 알리는 콜백
onCellDblClicked(grid: GridBase, clickData: ClickData) => void그리드 셀이 더블 클릭되었음을 알리는 콜백
onCellEdited(grid: GridBase, itemIndex: number, row: number, field: number) => void수정이나 추가 중인 편집 아이템의 한 필드값이 편집 완료되었음을 알리는 콜백
onCellItemClicked(grid: GridBase, index: CellIndex, clickData: ClickData) => boolean그리드 셀에 포함된 엘리먼트가 클릭되었음을 알리는 콜백
onCellPasting(grid: GridBase, index: CellIndex, value: any) => boolean셀에 붙여넣기를 결정하는 콜백
onColumnCheckedChanged(grid: GridBase, column: GridColumn, checked: boolean) => void사용자의 컬럼 헤더 체크박스를 클릭을 알리는 콜백
onColumnPropertyChanged(grid: GridBase, column: GridColumn, property: string, newValue: any, oldValue: any) => void
onCommandStackChanged(grid: GridBase, undoable: boolean, redoable: boolean) => voidCommandStack이 바뀌었음을 알리는 콜백
onContextMenuItemClicked(grid: GridBase, item: PopupMenuItem, clickData: ClickData) => voidsetContextMenu() 를 통해 추가한 컨텍스트 메뉴 항목 클릭을 알리는 콜백
onContextMenuPopup(grid: GridBase, x: number, y: number, clickData: ClickData, menu: string, rightClick: boolean) => boolean | string좌표와 함께 ContextMenu 표시를 결정하는 콜백
onCopy(grid: GridBase, selection: Selection | Selection[], event: ClipboardEvent) => booleancontrol + c 키로 복사하기를 결정하는 콜백
onCurrentChanged(grid: GridBase, newIndex: CellIndex) => void그리드의 focus cell 의 위치 변경을 알리는 콜백
onCurrentChanging(grid: GridBase, oldIndex: CellIndex, newIndex: CellIndex) => boolean그리드의 focus cell 의 위치 변경을 결정하는 콜백
onCurrentRowChanged(grid: GridBase, oldRow: number, newRow: number) => void데이터 행의 위치가 변경됨을 알리는 콜백
onDataLoadComplated(grid: GridBase) => voiddataProvider.setRows()를 실행한 이후 그리드 refresh가 완료된 후 발생하는 콜백
onEditCanceled(grid: GridBase, index: CellIndex) => void사용자가 편집중 ESCAPE 키를 입력하거나 cancel() 이 호출되어 편집이 취소됨을 알리는 콜백
onEditChange(grid: GridBase, index: CellIndex, value: any) => void아이템이 사용자의 Key 입력 등으로 값이 변경되었음을 알리는 콜백
onEditCommit(grid: GridBase, index: CellIndex, oldValue: any, newValue: any) => boolean사용자 입력이 셀에 반영함을 결정하는 콜백
onEditRowChanged(grid: GridBase, itemIndex: number, row: number, field: number, oldValue: any, newValue: any) => void사용자 입력으로 변경된 값이 행에 반영되었음을 알리는 콜백
onEditRowPasted(grid: GridBase, itemIndex: number, row: number, fields: number[], oldValues: any[], newValues: any[]) => void그리드 셀에 붙여넣기 했음을 알리는 콜백
onEditSearch(grid: GridBase, index: CellIndex, text: string) => void검색을 했음을 알리는 콜백
onErrorClicked(grid: GridBase, error: string) => void그리드에 발생한 에러창을 클릭했음을 알리는 콜백
onFiltering(grid: GridBase, column: DataColumn) => boolean필터링을 결정하는 콜백
onFilteringChanged(grid: GridBase, column: GridColumn, filter: ColumnFilter) => void컬럼에 필터들이 설정되어 있고, 그 필터의 상태가 변경되었음을 알리는 콜백
onGetEditValue(grid: GridBase, index: CellIndex, editResult: Object) => void셀 편집이 완료되었을 때 셀의 위차와 편집결과를 갖고 있는 콜백
onGridActivated(grid: GridBase) => void그리드가 선택되었음을 알리는 콜백
onHideEditor(grid: GridBase, index: CellIndex) => void편집이 완료되고 편집기가 사라진 것을 알리는 콜백
onItemAllChecked(grid: GridBase, checked: boolean) => void사용자가 checkBar의 Header를 클릭하여 전체선택, 해제를 하거나 또는 checkAll true / false 을 입력하여 전체선택, 해제를 했음을 알리는 콜백
onItemChecked(grid: GridBase, itemIndex: number, checked: boolean) => void사용자가 checkBar의 체크박스를 클릭하거나 checkItem을 호출하여 체크를 변경했음을 알리는 콜백
onItemEditCancel(grid: GridBase, itemIndex: number, state: string) => boolean사용자가 행 편집을 취소를 결정하는 콜백
onItemEditCanceled(grid: GridBase, itemIndex: number, state: string) => void

사용자가 행 편집을 취소했음을 알리는 콜백

[매개변수 목록]

grid - GridBase 컨트롤

itemIndex - 편집이 취소된 행의 순서

state - 편집 취소된 행의 상태

onItemsChecked(grid: GridBase, items: number[], checked: boolean) => void사용자가 checkBar의 체크박스를 클릭하거나 checkItem을 호출하여 체크를 변경했음을 알리는 콜백
onKeyDown(grid: GridBase, event: KeyboardEvent) => boolean키 입력을 결정하는 콜백
onKeyPress(grid: GridBase, event: KeyboardEvent) => void키가 입력되고 있음을 알리는 콜백
onKeyUp(grid: GridBase, event: KeyboardEvent) => void키를 입력하였음을 알리는 콜백.
onLayoutCollapsed(grid: GridBase, layout: CellLayoutGroupItem) => void그룹 Layout이 접혔음을 알리는 콜백
onLayoutCollapsing(grid: GridBase, layout: CellLayoutGroupItem) => boolean그룹 Layout 접기를 결정하는 콜백
onLayoutExpanded(grid: GridBase, layout: CellLayoutGroupItem) => void그룹 Layout이 펼쳐졌음을 알리는 콜백
onLayoutExpanding(grid: GridBase, layout: CellLayoutGroupItem) => boolean그룹 Layout 펼치기를 결정하는 콜백
onLayoutPropertyChanged(grid: GridBase, layout: CellLayoutItem, property: string, newValue: any, oldValue: any) => voidLayout의 속성 중 displayWidth, displayIndex, visible 속성값이 변경되었음을 알리는 콜백
onLeftPosChanged(grid: GridBase, pos: number) => void수평 스크롤 바의 위치가 변경됨을 알리는 콜백
onMenuItemClicked(grid: GridBase, item: PopupMenuItem, clickData: ClickData) => void추가한 팝업메뉴 항목의 클릭을 알리는 콜백
onPaste(grid: GridBase, index: CellIndex, event: ClipboardEvent) => boolean그리드에 붙여넣기를 결정하는 콜백
onPasted(grid: GridBase) => void그리드에 붙여넣기 했음을 알리는 콜백
onPopupMenuPopup(grid: GridBase, x: number, y: number, clickData: ClickData) => boolean | stringpopup button을 클릭했을때 popupMenu표시를 결정하는 콜백
onRowInserting(grid: GridBase, itemIndex: number, dataRow: number) => boolean사용자가 Insert 키를 눌러 새로운 행을 삽입하거나, 마지막 행에서 아래 화살표를 눌러 행을 추가하는 것을 결정하는 콜백
onRowsDeleting(grid: GridBase, rows: number[]) => boolean

사용자가 Ctrl+Del 키를 누르거나 deleteSelection() 으로 삭제할 때, 실제 삭제를 결정하는 콜백

[매개변수 목록]

grid - GridBase 컨트롤

rows - 삭제하려는 행들의 데이터 행 순서들의 배열

[반환값] - null이 아닌 값을 반환하면 지정 텍스트를 표시하고 삭제를 취소한다.

onRowsPasted(grid: GridBase, items: number[]) => void여러 행을 붙여넣기 했음을 알리는 콜백
onScrollToBottom(grid: GridBase) => void사용자가 키보드나 스크롤 바 등을 조작하여 그리드에 마지막 행이 표시될 때 호출되는 콜백
onSearchCellButtonClick(grid: GridBase, index: CellIndex, text: string) => voidSearchCellEditor 에서 버튼을 클릭했음을 알리는 콜백
onSelectionAdded(grid: GridBase, selection: Selection) => void선택 영역이 새로 추가됨을 알리는 콜백
onSelectionChanged(grid: GridBase, selection: Selection) => void사용자가 마우스나 키보드로 선택 영역의 크기를 변경했음을 알리는 콜백
onSelectionCleared(grid: GridBase) => void사용자가 마우스나 키보드로 선택 영역을 변경했을때 기존 선택 영역이 제거 되었음을 알리는 콜백
onSelectionEnded(grid: GridBase, selection: Selection) => void사용자가 마우스로 선택 영역 변경 완료를 알리는 콜백
onShowEditCommand(grid: GridBase, index: CellIndex) => booleanmobile에서 표시되는 editCommand의 표시여부를 결정하는 콜백
onShowEditor(grid: GridBase, index: CellIndex, props: any, attrs: any) => booleanCell 별로 열리는 Editor 의 표시를 결정하는 콜백
onShowHeaderTooltip(grid: GridBase, column: GridColumn, value: any, layout: CellLayoutItem) => any컬럼 헤더의 툴팁이 표시되었음을 알리는 콜백
onShowTooltip(grid: GridBase, index: CellIndex, value: any) => boolean | string데이터 셀의 툴팁이 표시되었음을 알리는 콜백
onSorting(grid: GridBase, fields: number[], directions: string[]) => boolean정렬을 결정하는 콜백
onSortingChanged(grid: GridBase) => void정렬했음을 알리는 콜백
onTopIndexChanged(grid: GridBase, itemIndex: number) => void수직 스크롤 바의 위치가 변경됨을 알리는 콜백
onTopIndexChanging(grid: GridBase, currentTop: number, delta: number, focusing: boolean, adjust: boolean) => numbergridView.topIndex가 변경될때 호출되는 콜백
onValidateColumn(grid: GridBase, column: GridColumn, inserting: boolean, value: any, itemIndex: number, dataRow: number) => ValidationError셀 편집을 완료하고 다른 셀로 이동할때 Javascript를 통한 사용자 검증 결과를 결정하는 콜백
onValidateRow(grid: GridBase, itemIndex: number, dataRow: number, inserting: boolean, values: any[]) => ValidationErrorJavascript를 통한 행 단위 사용자 검증 결과를 결정하는 콜백
onValidationFail(grid: GridBase, itemIndex: number, column: GridColumn, error: ValidationError) => ValidationErrorvalidation 실패시 발생하는 콜백
onWheel(grid: GridBase, event: WheelEvent) => booleanWheel Event가 발생했음을 알리는 콜백

Constructors

ConstructorModifiersDescription
(constructor)(container, accessibility, waiOptions)Constructs a new instance of the GridBase class

Properties

PropertyTypeDescription
checkBarCheckBar그리드의 체크바에 관한 설정 모델
copyOptionsCopyOptions클립보드에 복사하는 것에 대한 설정 모델
dataDropOptionsDataDropOptions데이터 drag and drop 과 관련 된 설정 모델
disabledboolean그리드가 마우스/키보드 이벤트에 대하여 반응안함 상태
displayOptionsDisplayOptions그리드 수준에서 관리되는 표시 정보들에 대한 설정 모델
editOptionsEditOptions데이터 편집에 대한 설정 모델
editorOptionsEditorOptions편집기에 대한 설정 모델
filteringOptionsFilteringOptions데이터 필터링에 대한 설정 모델
filterPanelFilterPanel
fixedOptionsFixedOptions그리드의 고정 행 및 컬럼에 대한 설정 모델
footerGridFooter첫번째 푸터에 관한 설정 모델
footersGridFooterCollection푸터들에 관한 설정 모델
formatOptionsFormatOptions데이터 필드 값의 변환 형식에 대한 설정 모델
headerGridHeader그리드의 헤더 영역에 관한 설정 모델
headerSummariesHeaderSummaryCollection그리드 헤더 영역에 표시되는 Header Summary 에 대한 컬렉션 설정 모델
headerSummaryHeaderSummary그리드 헤더 영역에 표시되는 첫번째 Header Summary에 대한 설정 모델
hideDeletedRowsboolean그리드에 설정되어 있는 삭제된 행들의 숨김 여부
mobileOptionsMobileOptions모바일 관련 설정 모델
pasteOptionsPasteOptions클립보드의 데이터를 붙여 넣는 것에 대한 설정 모델
redoingboolean현재상태에서 재실행 가능 여부
rowIndicatorRowIndicator그리드의 인디케이터에 관한 설정 모델
scrollBarHeightnumber스크롤바의 높이를 변경
scrollBarWidthnumber스크롤바의 너비를 변경
sortingOptionsSortingOptions데이터 정렬에 대한 설정 모델
sortModeSortMode데이터 수정 이후 정렬 동작 모드
stateBarStateBar그리드의 상태바에 관한 설정 모델
summaryModeSummaryMode현재 그리드의 합계를 계산하는 방식
undoableboolean실행취소 기능 사용 가능 여부
undoingboolean현재상태에서 실행취소 가능 여부

Methods

MethodTypeDescription
activateAllColumnFilters(column, active)activateAllColumnFilters(column: string | DataColumn, active: boolean): void;컬럼에 등록된 모든 필터들을 적용 또는 해제한다.
activateColumnFilters(column, filterNames, active)activateColumnFilters(column: string | DataColumn, filterNames: string | string[], active: boolean): void;컬럼에 등록된 필터들 중, filterNames 에 포함된 필터명을 갖는 필터들을 적용시키거나 해제한다.
addColumn(column, index)addColumn(column: ConfigObject | string, index?: number): GridColumn;설정된 컬럼들 외에 추가로 컬럼을 설정한다.
addColumnFilters(column, filters, overwrite)addColumnFilters(column: string | DataColumn, filters: ColumnFilter[], overwrite?: boolean): void;컬럼에 하나 이상의 필터를 등록한다. column.autoFilter가 true인 경우 적용되지 않는다.
addLayout(source, index)addLayout(source: LayoutItem | string, index?: number): LayoutItem;Layout에 컬럼 또는 group을 추가한다.
addLookupSource(source)addLookupSource(source: LookupSource): void;lookup tree에서 사용할 LookupSource 를 추가 등록한다.
addPopupMenu(name, menuItems)addPopupMenu(name: string, menuItems: (PopupMenu | PopupMenuItem)[]): void;그리드에 Popup Menu를 추가한다.
addSelection(item, eventFire)addSelection(item: Selection, eventFire?: boolean): void;그리드에서 선택할 영역을 추가한다.
addUserCellStyle(dataRow, column, style)addUserCellStyle(dataRow: number, column: string | -1, style: string | ColumnStyleObject): void;셀의 스타일을 지정한다.
applyCheckables()applyCheckables(): void;CheckBar에 Expression 기준으로 checkable을 적용한다.
autoFiltersRefresh(columns, applyFilters)autoFiltersRefresh(columns: string[] | DataColumn[], applyFilters: boolean): void;column.autoFilter가 true인경우 filter목록을 갱신한다.
beginUpdate()beginUpdate(): void;그리드와 관련된 속성들이 변경될 때마다 update lock 을 걸어 내부적인 변경 처리 호출을 지연시킨다.
cancel()cancel(): boolean;현재 편집 중인 행의 편집을 취소한다.
cancelEditor()cancelEditor(): void;편집을 취소하고 편집기 창을 닫는다.
checkAll(checked, visibleOnly, checkableOnly, checkEvent)checkAll(checked?: boolean, visibleOnly?: boolean, checkableOnly?: boolean, checkEvent?: boolean): void;그리드의 데이터행을 모두 체크,해제한다.
checkItem(itemIndex, checked, exclusive, checkEvent)checkItem(itemIndex: number, checked?: boolean, exclusive?: boolean, checkEvent?: boolean): void;지정된 아이템을 체크하거나 해제한다.
checkItems(itemIndices, checked, checkEvent)checkItems(itemIndices: number[], checked?: boolean, checkEvent?: boolean): void;입력된 아이템 배열에 해당하는 아이템을 체크하거나 해제한다.
checkRow(row, checked, exclusive, checkEvent)checkRow(row: number, checked?: boolean, exclusive?: boolean, checkEvent?: boolean): void;지정된 데이터 행을 체크하거나 해제한다.
checkRows(rows, checked, checkEvent)checkRows(rows: number[], checked?: boolean, checkEvent?: boolean): void;입력된 고유 행 번호들과 연결된 Item을 체크하거나 해제한다.
clearColumnFilters(column)clearColumnFilters(column: string | DataColumn): void;컬럼에 등록된 필터들을 제거한다. column.autoFilter가 true인 경우 적용되지 않는다.
clearCommandStack(all)clearCommandStack(all?: boolean): void;Command Stack 을 초기화한다.
clearCurrent()clearCurrent(): void;focus를 제거한다.
clearInvalidCells()clearInvalidCells(): void;값 검증에 실패한 셀 정보들을 삭제한다.
clearLookupData(sourceId)clearLookupData(sourceId: string): void;지정된 SourceId에 해당하는 lookup source를 clear한다.
clearRowHeights(all)clearRowHeights(all: boolean): void;변경 적용한 개별 행 높이를 초기값으로 되돌린다.
clearSelection()clearSelection(): void;선택 영역을 모두 제거한다.
closeList()closeList(): void;필터박스 또는 DropDown Editor를 닫는다.
closeLoading()closeLoading(): void;로딩 애니메이션을 숨긴다.
closeProgress()closeProgress(): void;프로그레스 바를 닫는다.
columnByField(fieldName)columnByField(fieldName: string): DataColumn;필드 이름으로 지정되는 데이터필드에 연결되어 있는 첫 번째 컬럼 정보를 반환한다.
columnByName(name)columnByName(name: string): DataColumn;컬럼 이름으로 컬럼 설정 정보를 반환한다.
columnByTag(tag)columnByTag(tag: any): GridColumn;입력된 tag값을 가지는 컬럼을 가져온다.
columnsByTag(tag)columnsByTag(tag: any): GridColumn[];입력된 tag값을 가지는 컬럼들을 배열로 가져온다.
commit(force)commit(force?: boolean): boolean;편집 중인 행의 편집을 완료하고 DataProvider에 저장한다.
commitEditor(hideEditor, force)commitEditor(hideEditor?: boolean, force?: boolean): void;현재 편집기의 내용을 셀에 반영한다.
copyToClipboard(selection, copy)copyToClipboard(selection: Selection, copy?: boolean): any;선택한 영역에 포함된 셀들의 정보를 복사 혹은 반환한다.
deleteSelection(force)deleteSelection(force?: boolean): void;현재 선택 영역 안의 행들을 삭제한다.
destroy()destroy(): any;그리드를 해제한다.
endUpdate(force)endUpdate(force: boolean): void;update lock 을 풀고 그리드를 다시 그린다.
eraseSelection(force)eraseSelection(force?: boolean): void;선택 영역 안의 셀들의 값을 지운다. 즉, undefined로 값을 변경한다.
existsCustomRenderer(type)existsCustomRenderer(type: string): boolean;사용자렌더러가 있는지 확인한다.
existsLookupData(sourceId, keys)existsLookupData(sourceId: string, keys: string | string[]): boolean;지정된 lookupsource에 지정된 키가 존재하는지 여부를 반환한다.
exportGrid(options)exportGrid(options: GridExportOptions): void;지정한 설정에 따라 현재 그리드의 모양과 데이터를 외부 문서로 내보낸다.
fillEditSearchItems(column, searchKey, values, labels, items)fillEditSearchItems(column: string | GridColumn, searchKey: string, values?: string[], labels?: string[], items?: ListResult): void;입력값과 관련된 항목을 조회하여 리스트에 표시한다. 부분검색 용도로 사용된다.
fillLookupData(sourceId, data)fillLookupData(sourceId: string, data: LookupData): void;lookupSource에 lookupData를 추가한다.
fitLayoutWidth(layout, maxWidth, minWidth, includeHeaderText)fitLayoutWidth(layout: string | LayoutItem, maxWidth?: number, minWidth?: number, includeHeaderText?: boolean): number;셀의 너비를 글자 길이에 맞게 변경한다.
fullItemCount()fullItemCount(): number;화면에 보여지고 있는 아이템중 일부만 보이는 행을 제외한 갯수를 반환한다.
getActiveColumnFilters(column, active)getActiveColumnFilters(column: string | DataColumn, active?: boolean): ColumnFilter[];등록된 필터들 중 적용된 필터 또는 해제된 필터의 이름을 반환한다.
getCellBounds(itemIndex, column, outer)getCellBounds(itemIndex: number, column: string | GridColumn, outer?: boolean): object;그리드에서 지정한 셀의 좌표값을 반환한다.
getCheckBar()getCheckBar(): CheckBar;그리드 체크바와 관련된 설정 정보를 CheckBar 의 모델로 반환한다.
getChildModel(parentModel, index, extended)getChildModel(parentModel: GridItem, index: number, extended?: boolean): GridItem;아이템 모델의 자식 모델을 반환한다.
getChildModels(parentModel, extended)getChildModels(parentModel: GridItem, extended?: boolean): GridItem[];아이템 모델의 자식 모델들을 반환한다.
getColumn(index)getColumn(index: number): GridColumn;해당하는 index 번째의 컬럼을 반환한다.
getColumnFilter(column, filterName)getColumnFilter(column: string | DataColumn, filterName: string): ColumnFilter;지정한 컬럼에서 필터 이름에 해당하는 필터를 반환한다.
getColumnFilters(column)getColumnFilters(column: string | DataColumn): ColumnFilter[];지정한 컬럼에서 필터들을 반환한다.
getColumnNames(columnsOnly, visibleOnly)getColumnNames(columnsOnly?: boolean, visibleOnly?: boolean): string[];그리드에 설정된 컬럼들을 반환한다.
getColumnProperty(column, prop)getColumnProperty(column: string | GridColumn, prop: string): any;해당 컬럼의 속성을 반환한다.
getColumns()getColumns(): GridColumn[];그리드에 설정된 컬럼들을 반환한다.
getContainer()getContainer(): HTMLDivElement;그리드가 위치한 div를 반환한다.
getCopyOptions()getCopyOptions(): CopyOptions;ctrl+c 를 이용해서 그리드를 복사할때 적용되는 설정을 CopyOptions 모델로 반환한다.
getCurrent()getCurrent(): CellIndex;현재 focus 된 셀의 위치정보를 반환한다.
getDataDropOptions()getDataDropOptions(): DataDropOptions;데이터 drag 앤 drop과 관련 된 설정 정보들을 DataDropOptions 모델로 반환한다.
getDataRow(itemIndex)getDataRow(itemIndex: number): number;지정한 그리드 행의 고유 번호를 반환한다.
getDataSource()getDataSource(): LocalDataProvider | LocalTreeDataProvider;그리드에 연결되어 있는 DataProvider를 반환한다.
getDescendantModels(parentModel, extended)getDescendantModels(parentModel: GridItem, extended?: boolean): GridItem[];아이템 모델의 자손 모델들을 반환한다.
getDisplayColumns()getDisplayColumns(): GridColumn[];현재 보여지고 있는 컬럼들을 반환한다.
getDisplayOptions()getDisplayOptions(): DisplayOptions;그리드 표시와 관련된 설정 정보들을 DisplayOptions 의 모델로 반환한다.
getDisplayValues(itemIndex, useColumnName)getDisplayValues(itemIndex: number, useColumnName?: boolean): object;지정한 행의 데이터 값들을 각종 포맷이나 정규식이 적용된 형태의 JSON객체로 반환한다.
getDisplayValuesOfRow(dataRow, useColumnName)getDisplayValuesOfRow(dataRow: number, useColumnName?: boolean): object;행 고유 번호로 지정한 행의 데이터 값들을 각종 포맷이나 정규식이 적용된 형태의 JSON객체로 반환한다.
getDistinctItemValues(field, maxCount, sortDir)getDistinctItemValues(field: number | string, maxCount?: number, sortDir?: SortDirection): any[];필드의 중복되지 않은 값들을 반환한다.
getEditingItem()getEditingItem(): EditingItemInfo;그리드가 편집 중인 아이템의 정보를 반환한다.
getEditOptions()getEditOptions(): EditOptions;그리드 편집 방식과 관련된 정보들을 EditOptions 모델로 반환한다.
getEditorOptions()getEditorOptions(): EditorOptions;편집기 표시 정보를 EditorOptions 모델로 반환한다.
getEditValue()getEditValue(): any;그리드가 편집 중일때 현재 수정 중인 셀의 값을 반환한다.
getFilteringOptions()getFilteringOptions(): FilteringOptions;그리드 필터링과 관련된 설정 정보들을 FilteringOptions 모델로 반환한다.
getFixedOptions()getFixedOptions(): FixedOptions;그리드 고정 영역에 관한 설정 정보들을 FixedOptions 의 모델로 반환한다.
getFooter()getFooter(): GridFooter;첫번째 그리드 푸터와 관련된 설정 정보를 GridFooter 모델로 반환한다.
getFooters()getFooters(): GridFooterCollection;그리드 푸터들의 설정 정보들을 GridFooterCollection 모델로 반환한다.
getFormatOptions()getFormatOptions(): FormatOptions;그리드의 FormatOptions 를 반환한다.
getGroupModel(itemIndex, extended)getGroupModel(itemIndex: number, extended?: boolean): GridItem;itemIndex 에 해당하는 그룹 모델을 반환한다.
getGroupSummary(model, field, statistical)getGroupSummary(model: GridItem, field: string, statistical?: boolean): GroupSummary;지정한 그룹아이템 모델의 합계 정보를 반환한다.
getHeader()getHeader(): GridHeader;그리드 헤더와 관련된 설정 정보들을 GridHeader 모델로 반환한다.
getHeaderSummaries()getHeaderSummaries(): HeaderSummaryCollection;그리드 header summary 들의 설정 정보들을 HeaderSummaryCollection 모델로 반환한다.
getHeaderSummary()getHeaderSummary(): HeaderSummary;첫번째 그리드 header summary 와 관련된 설정 정보를 HeaderSummary 모델로 반환한다.
getIndexOfElement(element)getIndexOfElement(element: HTMLElement): CellIndex;HTMLElemnt가 속한 셀의 위치정보를 반환한다.
getInvalidCells(itemIndex)getInvalidCells(itemIndex?: number): InvalidCell[];값 검증에 실패한 셀 정보들을 반환한다.
getInvalidCellsOfRow(dataRow)getInvalidCellsOfRow(dataRow: number): InvalidCell[];값 검증에 실행한 셀 정보중 입력한 dataRow에 해당하는 정보를 반환한다.
getItemCount()getItemCount(): number;그리드에 현재 표시된 Grid Item 개수를 반환한다.
getItemIndex(dataRow)getItemIndex(dataRow: number): number;행의 고유 번호로 행의 순서를 반환한다.
getItemsOfRows(rows)getItemsOfRows(rows: number[]): number[];입력된 데이터 행들의 고유번호들로 행들의 순서들을 반환한다.
getItemState(itemIndex)getItemState(itemIndex: number): ItemState;아이템의 상태값을 반환한다.
getJsonRows()getJsonRows(): object[];
getLayoutByColumn(column)getLayoutByColumn(column: string | GridColumn): CellLayoutColumnItem;해당 컬럼의 레이아웃 정보를 반환한다.
getLeftPos()getLeftPos(): number;가장 왼쪽 화면에 표시되고 있는 컬럼의 x 좌표값을 반환한다.
getMobileOptions()getMobileOptions(): MobileOptions;모바일과 관련된 설정 정보들을 MobileOptions 모델로 반환한다.
getModel(itemIndex, extended)getModel(itemIndex: number, extended?: boolean): GridItem;itemIndex 에 해당하는 모델을 반환한다.
getModelAs(itemIndex, itemType, extended)getModelAs(itemIndex: number, itemType?: ItemType, extended?: boolean): GridItem;itemIndex 와 itemType 해당하는 모델을 반환한다.
getModelOfRow(dataRow, extended)getModelOfRow(dataRow: number, extended?: boolean): GridItem;행 고유번호에 해당하는 아이템 모델을 반환한다.
getModels(itemIndices, extended)getModels(itemIndices: number | number[], extended?: boolean): GridItem[];지정한 아이템의 인덱스들에 해당하는 아이템 모델들을 반홚나다.
getModelsOfRows(dataRows, extended)getModelsOfRows(dataRows: number | number[], extended?: boolean): GridItem[];행 고유번호들에 해당하는 아이템 모델들을 반환한다.
getOptions()getOptions(): GridOptions;그리드 옵션 정보를 반환한다.
getParentModel(model, extended)getParentModel(model: GridItem, extended?: boolean): GridItem;아이템 모델의 부모 아이템 모델을 반환한다.
getPasteOptions()getPasteOptions(): PasteOptions;그리드에 붙여넣기를 할때 적용되는 설정을 PasteOptions 모델로 반환한다.
getPopupMenu(name)getPopupMenu(name: string): PopupMenu;팝업 메뉴 설정 정보를 반환한다.
getRootModel(model, extended)getRootModel(model: GridItem, extended?: boolean): GridItem;아이템 모델의 최상위 조상 아이템 모델을 반환한다.
getRowHeight(itemIndex)getRowHeight(itemIndex: number): number;행 높이를 반환한다.
getRowIndicator()getRowIndicator(): RowIndicator;그리드 인디케이터와 관련된 설정 정보들을 RowIndicator 모델로 반환한다.
getRowsOfItems(items)getRowsOfItems(items: number[]): number[];지정한 그리드 행들의 고유 번호들을 반환한다.
getSelectedItems(dataOnly)getSelectedItems(dataOnly: boolean): number[];현재 선택 영역 안의 행의 인덱스들을 반환한다.
getSelectedRows()getSelectedRows(): number[];현재 선택 영역 안의 데이터 행의 고유번호들을 반환한다.
getSelection(index)getSelection(index?: number): Selection;현재 선택된 영역 정보를 반환한다.
getSelectionData(maxRows, index)getSelectionData(maxRows?: number, index?: number): RowObject[];현재 선택 영역에 포함된 셀들의 값을 반환한다.
getSelections()getSelections(): Selection[];현재 선택된 영역 정보를 배열형태로 반환한다.
getSelectionsData()getSelectionsData(): RowObject[][];현재 선택 영역에 포함된 셀들의 값을 반환한다.
getSortedFields()getSortedFields(): SortedFields[];현재 정렬되어 있는 필드들의 정렬 정보를 반환한다.
getSortingOptions()getSortingOptions(): SortingOptions;그리드 정렬과 관련된 설정 정보들을 SortingOptions 모델로 반환한다.
getStateBar()getStateBar(): StateBar;그리드 상태바의 설정 정보를 StateBar 의 모델로 반환한다.
getSummary(field, type)getSummary(field: string | number, type: SummaryType): number;필드의 합계값을 반환한다.
getTopItem()getTopItem(): number;그리드 맨 위의 지정한 행의 인덱스를 반환한다.
getUserCellStyle(dataRow, column)getUserCellStyle(dataRow: number, column: string | -1): string | ColumnStyleObject;addUserCellStyle로 지정한 스타일을 가져온다.
getValue(itemIndex, field)getValue(itemIndex: number, field: string | number): any;행의 순서와 데이터 필드 인덱스로 지정되는 데이터셀의 값을 반환한다.
getValues(itemIndex)getValues(itemIndex: number): object;지정한 행의 데이터 값들을 JSON객체로 반환한다.
hideAllColumnFilters(column, hide)hideAllColumnFilters(column: string | DataColumn, hide?: boolean): void;컬럼에 등록된 모든 필터를 숨기거나 보여준다. column.autoFilter가 true인 경우 적용되지 않는다.
hideColumnFilters(column, filterNames, hide)hideColumnFilters(column: string | DataColumn, filterNames: string | string[], hide?: boolean): void;컬럼에 등록된 필터들 중, filterNames 에 포함된 필터명을 갖는 필터들을 숨기거나 표시한다. column.autoFilter가 true인 경우 적용되지 않는다.
hideEditor()hideEditor(): void;현재 그리드에서 열려진 편집기를 닫는다.
hideToast(action)hideToast(action: VoidFunction): void;Toast 팝업 창을 숨긴다.
isAllChecked()isAllChecked(): boolean;모든 아이템들이 체크되어있는지 여부를 반환한다.
isCheckable(itemIndex)isCheckable(itemIndex: number): boolean;지정한 아이템의 인덱스로 체크바의 체크 가능 여부를 반환한다.
isCheckableOfRow(dataRow)isCheckableOfRow(dataRow: number): boolean;지정한 아이템의 고유 번호로 체크바의 체크 가능 여부를 반환한다.
isCheckedItem(itemIndex)isCheckedItem(itemIndex: number): boolean;해당 체크바에 체크가 되어있으면 true 를 반환한다.
isCheckedRow(row)isCheckedRow(row: number): boolean;행이 체크되어있는지 여부
isEditing()isEditing(): boolean;셀이 현재 편집중이면 true 를 반환한다.
isFiltered(column)isFiltered(column?: string | DataColumn): boolean;그리드의 특정 컬럼이 필터링 되어 있는지 여부를 반환한다.
isItemEditing()isItemEditing(): boolean;셀 편집은 끝났으나 커밋은 하지 않았을 때, 편집 중이면 true 를 반환한다.
isVisible()isVisible(): boolean;그리드가 표시된 상태면 true 를 반환한다.
layoutByColumn(column)layoutByColumn(column: string): CellLayoutColumnItem;컬럼명을 이용해서 컬럼의 layout설정정보를 찾아온다.
layoutByName(name)layoutByName(name: string): LayoutItem;layout의 이름을 이용해서 layout설정정보를 찾아온다.
linearizeColumns(sortProps)linearizeColumns(sortProps?: string[]): void;컬럼 그룹들을 모두 제거하고 데이터 값을 표시하는 컬럼들만 일렬로 배치한다.
mouseToIndex(x, y)mouseToIndex(x: number, y: number): ConfigObject;(x, y) 좌표에 해당하는 셀의 위치정보를 반환한다.
orderBy(fieldNames, sortDirs, textCases)orderBy(fieldNames: string[] | string, sortDirs?: SortDirection[] | SortDirection, textCases?: SortCase[] | SortCase): void;하나 이상의 데이터 필드를 기준으로 Grid Item들을 정렬한다.
ping(message)ping(message: any): void;alert 창에 입력된 메시지를 표시한다.
redo()redo(): boolean;그리드에 연결되어 있는 datasource를 undo했을 때, 다시 수정 후 상태로 되돌린다.
refresh(force)refresh(force?: boolean): void;그리드를 내부적으로 새로 그린다.
registerColumnLayouts(layouts)registerColumnLayouts(layouts: { name: string; items: (string | LayoutItem)[]; }[]): void;컬럼 레이아웃들을 미리 등록한다.
registerCustomRenderer(type, renderer)registerCustomRenderer(type: string, renderer: CustomCellRenderer): void;사용자 지정의 렌더러를 등록한다.
removeColumn(name)removeColumn(name: string): boolean;해당 컬럼을 제거한다.
removeColumnFilters(column, filterNames)removeColumnFilters(column: string | DataColumn, filterNames: string | string[]): void;컬럼에 등록되어 있는 필터들 중 filterNames에 포함된 필터명을 갖는 필터들을 제거한다. column.autoFilter가 true인 경우 적용되지 않는다.
removeLayout(layout)removeLayout(layout: LayoutItem | string): void;

layout을 제거한다.

layout이 설정되지 않은 경우 사용할수 없다. gridView.setColumnLayout을 이용해서 layout상태로 변경한후 사용해야 한다.

removeLookupSource(sourceId)removeLookupSource(sourceId: string): void;지정한 룩업 소스를 삭제한다.
removePopupMenu(name)removePopupMenu(name: string): void;그리드에서 특정 Popup Menu 를 제거한다.
removeUserCellStyle(dataRow, column)removeUserCellStyle(dataRow?: number | null, column?: string | -1 | null): void;addUserCellStyle로 지정한 스타일을 제거한다.
requestPrepareEditor()requestPrepareEditor(): void;편집이 완료된 후 화면이 다시 그려질때 셀의 편집기를 갱신한다.
resetCheckables(clearExpression)resetCheckables(clearExpression: boolean): void;CheckBar에 적용된 모든 행의 Checkable 상태를 초기화한다.
resetCurrent()resetCurrent(): void;focus cell 의 위치를 첫번째 행, 첫번째 열로 초기화한다.
resetFilters()resetFilters(): void;그리드의 모든 컬럼에 등록된 필터들을 해제한다.
resetSize(callback)resetSize(callback?: any): void;그리드 상위 DIV 영역의 크기를 변경했는데 그리드의 크기가 변경되지 않을때 명시적으로 변경한다.
restoreColumns()restoreColumns(): void;그리드의 칼럼위치를 최초상태로 되돌린다.
saveColumnLayout()saveColumnLayout(): LayoutInfo[];현재 화면의 레이아웃 정보를 반환한다.
scrollPage(offset)scrollPage(offset: number): void;현재를 기준으로 페이지를 이동한다.
searchCell(options)searchCell(options: SearchCellOptions): any;지정한 필드들의 값에 해당하는 셀을 찾아 CellIndex를 반환한다.
searchItem(options)searchItem(options: SearchOptions): number;지정한 필드들의 값에 해당하는 첫번째 행을 찾아 행의 번호를 반환한다.
setAllCheck(checked, itemChecked)setAllCheck(checked?: boolean, itemChecked?: boolean): void;CheckBar에 설정된 옵션으로 그리드의 데이터행을 모두 체크 또는 해제한다.
setCellStyleCallback(f)setCellStyleCallback(f: CellStyleCallback | undefined): void;셀 스타일을 변경한다.
setCheckable(itemIndex, value)setCheckable(itemIndex: number, value: boolean): void;지정한 아이템의 체크바의 체크 가능성 여부를 지정한다.
setCheckableCallback(callback, apply)setCheckableCallback(callback: CheckableCallback, apply?: boolean): void;CheckBar에 checkableCallback 설정한 후 적용을 한다. 혹은 동시수행 한다.
setCheckableExpression(expression, apply)setCheckableExpression(expression: string, apply?: boolean): void;CheckBar에 checkableExpression 설정한 후 적용을 한다. 혹은 동시수행 한다.
setCheckableOfRow(dataRow, value)setCheckableOfRow(dataRow: number, value: boolean): void;지정한 행의 체크바의 체크 가능성 여부를 지정한다.
setCheckBar(value)setCheckBar(value: CheckBar): void;그리드 체크바의 설정 정보를 CheckBar 의 모델로 설정한다.
setColumn(value)setColumn(value: ConfigObject): void;그리드에 설정된 컬럼의 정보를 변경한다.
setColumnFilters(column, filters)setColumnFilters(column: string | DataColumn, filters: ColumnFilter[]): void;그리드 컬럼에 필터를 설정한다.
setColumnLayout(layout)setColumnLayout(layout?: string | (string | LayoutItem)[]): void;그리드의 컬럼 레이아웃을 설정한다.
setColumnProperty(column, prop, value)setColumnProperty(column: string | GridColumn, prop: string, value: any): void;그리드에 설정된 컬럼의 특정 속성 정보를 변경한다.
setColumns(columns)setColumns(columns: (ConfigObject | string)[]): void;기존에 설정된 컬럼들을 모두 제거하고 새로운 컬럼들로 그리드를 재구성한다.
setContextMenu(menuItems)setContextMenu(menuItems: (PopupMenu | PopupMenuItem)[]): PopupMenu;그리드에서 오른쪽 마우스를 클릭했을때 표시되는 컨텍스트 메뉴에 추가할 메뉴 항목들을 지정한다.
setCopyOptions(options)setCopyOptions(options: CopyOptions): void;복사 정보를 CopyOptions 모델로 설정한다.
setCurrent(current, select)setCurrent(current: CellIndex, select?: boolean): void;focus cell 의 위치를 지정한다.
setDataDropOptions(options)setDataDropOptions(options: DataDropOptions): void;데이터 drag 앤 drop과 관련 된 설정 정보들을 DataDropOptions 모델로 설정한다.
setDataSource(dataProvider)setDataSource(dataProvider: LocalDataProvider | LocalTreeDataProvider): void;그리드에 Data Provider를 연결한다.
setDisplayOptions(options)setDisplayOptions(options: DisplayOptions): void;그리드 표시 정보를 DisplayOptions 모델로 설정한다.
setEditOptions(options)setEditOptions(options: EditOptions): void;그리드 편집 방식과 관련된 정보들을 EditOptions 모델로 재설정한다.
setEditorOptions(options)setEditorOptions(options: EditorOptions): void;편집기 표시 정보를 EditorOptions 모델로 설정한다.
setEditValue(value, startEdit, dropdown)setEditValue(value: any, startEdit?: boolean, dropdown?: boolean): void;focus가 위치한 셀에 값을 설정한다.
setFilteringOptions(options)setFilteringOptions(options: FilteringOptions): void;그리드 필터링과 관련된 정보들을 FilteringOptions 모델로 설정한다.
setFilterPanel(value)setFilterPanel(value: FilterPanel): void;필터 판넬의 설정 정보를 FilterPanel 모델로 설정한다.
setFixedOptions(options)setFixedOptions(options: FixedOptions): void;그리드 고정 영역에 관한 정보를 FixedOptions 의 모델로 설정한다.
setFocus()setFocus(): void;그리드가 focus된다.
setFooter(value)setFooter(value: GridFooter): void;첫번째 그리드 푸터의 설정 정보를 GridFooter 모델로 설정한다.
setFooters(value)setFooters(value: GridFooterCollection | GridFooter[]): void;그리드 푸터들의 설정 정보들을 GridFooter 의 컬렉션 모델로 설정한다.
setFormatOptions(options)setFormatOptions(options: FormatOptions): void;그리드의 FormatOptions 를 설정한다.
setHeader(value)setHeader(value: GridHeader): void;그리드 헤더의 설정 정보를 GridHeader 모델로 설정한다.
setHeaderSummaries(value)setHeaderSummaries(value: HeaderSummaryCollection | HeaderSummary[]): void;그리드 header summary 들을 HeaderSummaryCollection 모델로 설정한다.
setHeaderSummary(value)setHeaderSummary(value: HeaderSummary): void;첫번째 그리드 header summary 의 설정 정보를 HeaderSummary 모델로 설정한다.
setLeftCol(column)setLeftCol(column: string | number): void;그리드 왼쪽 경계에 지정한 컬럼이 위치한다.
setLeftPos(position)setLeftPos(position: number): void;그리드 왼쪽 경계가 지정한 값에 위치한다.
setLookups(sources)setLookups(sources: LookupSource[]): void;lookup tree 에서 사용할 lookup source 들을 등록한다.
setMobileOptions(options)setMobileOptions(options: MobileOptions): void;모바일과 관련된 설정 정보들을 MobileOptions 모델로 설정한다.
setOptions(options)setOptions(options: GridOptions): void;그리드 옵션 정보를 재설정한다.
setPasteOptions(options)setPasteOptions(options: PasteOptions): void;그리드에 PasteOptions 모델로 붙여넣기 정보를 설정한다.
setProgress(min, max, position, message)setProgress(min: number, max: number, position: number, message?: string): void;프로그레스 바의 상태를 설정한다.
setRowHeight(itemIndex, height, refresh)setRowHeight(itemIndex: number, height?: number, refresh?: boolean): void;행 높이를 지정한 높이로 변경한다.
setRowIndicator(value)setRowIndicator(value: RowIndicator): void;그리드 인디케이터와 관련된 설정 정보들을 RowIndicator 모델로 설정한다.
setRowStyleCallback(f)setRowStyleCallback(f: RowStyleCallback): void;행 스타일을 변경한다.
setSelection(item, eventFire)setSelection(item: Selection, eventFire?: boolean): void;그리드에서 선택할 영역을 지정한다.
setSortingOptions(options)setSortingOptions(options: SortingOptions): void;그리드 정렬과 관련된 정보들을 SortingOptions 모델로 설정한다.
setStateBar(value)setStateBar(value: StateBar): void;그리드 상태바의 설정 정보를 StateBar 의 모델로 설정한다.
setTopItem(itemIndex)setTopItem(itemIndex?: number): void;그리드 맨 위에 지정한 행으로 위치한다.
setValidations(value)setValidations(value: EditValidation[] | EditValidation | string | string[]): void;행 수준의 편집 검증 조건의 목록을 설정한다.
setValue(itemIndex, field, value)setValue(itemIndex: number, field: string | number, value: any): void;행의 순서와 데이터 필드 인덱스로 지정되는 데이터 셀의 값을 변경한다.
setValues(itemIndex, values, strict)setValues(itemIndex: number, values: any[] | object, strict?: boolean): void;지정한 행의 여러 필드의 값을 수정한다.
setVisible(value)setVisible(value: boolean): void;그리드를 표시하거나 감춘다.
showEditor(dropdown)showEditor(dropdown?: boolean): void;현재 위치한 셀에서 그리드의 편집기를 표시한다.
showLoading(disabled)showLoading(disabled?: boolean): void;로딩 애니메이션을 표시한다.
showProgress()showProgress(): void;프로그레스 바를 표시한다.
showToast(options, force)showToast(options: ToastOptions, force?: boolean): void;Toast 팝업 창을 표시한다.
toggleAllColumnFilters(column)toggleAllColumnFilters(column: string | DataColumn): void;해당 컬럼의 지정한 모든 필터들을 토글한다.
toggleColumnFilters(column, filterNames)toggleColumnFilters(column: string | DataColumn, filterNames: string | string[]): void;해당 컬럼의 지정한 필터들을 토글한다.
undo()undo(): boolean;그리드에 연결되어 있는 datasource를 이전 상태로 되돌린다.
unregisterAllCustomRenderer()unregisterAllCustomRenderer(): void;모든 사용자 지정의 렌더러를 등록 해제 한다.
unregisterCustomRenderer(type)unregisterCustomRenderer(type: string): void;사용자 지정의 렌더러를 등록 해제 한다.
validateCells(itemIndices, visibleOnly, pageAllItems)validateCells(itemIndices: number[], visibleOnly?: boolean, pageAllItems?: boolean): object;입력시 검증하는 것이 아닌 그리드에 있는 데이터들을 대상으로 일괄로 검증을 수행한다.

Construct Desc

(constructor)

Constructs a new instance of the GridBase class


Events Desc

onCellButtonClicked

사용자가 데이터 셀 내부의 action 버튼을 클릭했을 때 호출한다.

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

index - 데이터 셀이 포함된 아이템의 위치정보

column - 데이터 셀에 연결된 컬럼

Example:

gridView.onCellButtonClicked =  function (grid, index, col) {
     console.log(index);
};

onCellClicked

그리드 셀이 클릭되었음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

clickData - 클릭된 셀 정보

Example:

gridView.onCellClicked = function (grid, clickData) {
     console.log(clickData);
}

onCellDblClicked

그리드 셀이 더블 클릭되었음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

clickData - 클릭된 셀 정보

Example:

gridView.onCellDblClicked = function (grid, clickData) {
     console.log(clickData);
}

onCellEdited

수정이나 추가 중인 편집 아이템의 한 필드값이 편집 완료되었음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

itemIndex - 편집 중인 행의 순서

row - 편집 중인 행의 고유 번호

field - 방금 편집된 필드의 인덱스

Example:

gridView.onCellEdited = function (grid, itemIndex, row, field) {
     console.log('Edit done! at ' + itemIndex + ', ' + field);
}

onCellItemClicked

그리드 셀에 포함된 엘리먼트가 클릭되었음을 알리는 콜백

Remarks:

이 이벤트 내에서 클릭을 처리했다면 반드시 false를 리턴해야 element의 기본 동작을 실행하지 않는다.

[매개변수 목록]

grid - GridBase 컨트롤

index - 클릭된 데이터 셀의 위치정보

clickData - 클릭된 셀 정보

Example:

gridView.onCellItemClicked = function (grid, index, clickData) {
     console.log(clickData);
     return true;
}

onCellPasting

셀에 붙여넣기를 결정하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

index - 클릭된 데이터 셀의 위치정보

value - 붙여넣기 중인 데이터 값

[반환값] - false를 반환하면 그 셀에는 붙여넣기가 되지 않는다.

Example:

gridView.onCellPasting = function (grid, index, value) {
     if (value === 'hello') {
         return false;
     }
};

onColumnCheckedChanged

사용자의 컬럼 헤더 체크박스를 클릭을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

column - 컬럼 오브젝트

checked - 체크 여부

Example:

gridView.onColumnCheckedChanged =  function (grid, col, chk) {
     console.log(col.name + "was checked as: " + chk);
};

onColumnPropertyChanged

Warning: This API is now obsolete.

컬럼의 속성 중 width, displayIndex, visible 속성값이 변경되었음을 알리는 콜백 GridBase.onLayoutPropertyChanged로 대체

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

column - 변경된 컬럼의 정보

property - 컬럼의 displayWidth, displayIndex, visible 속성 중 변경된 것

value - 변경된 값이 전달된다.

Example:

gridView.onColumnPropertyChanged = function (grid, column, property, newValue, oldValue) {
 
        console.log(column + "s props werer changed!");
}

onCommandStackChanged

CommandStack이 바뀌었음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

undoable - 뒤로

redoable - 앞으로

Example:

gridView.onCommandStackChanged =  function (grid, undoable, redoable) {
     if (undoable === true) {
         console.log('You can undo now!');
     }
};

onContextMenuItemClicked

setContextMenu() 를 통해 추가한 컨텍스트 메뉴 항목 클릭을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

item - 클릭된 메뉴 항목의 정보

clickData - 클릭 된 아이템의 정보

Example:

gridView.onContextMenuItemClicked =  function (grid, item, clickData) {
     console.log(clickData);
};

onContextMenuPopup

좌표와 함께 ContextMenu 표시를 결정하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

x - ContextMenu 가 호출된 x좌표값

y - ContextMenu 가 호출된 y좌표값

clickData - 클릭 된 아이템의 정보

menu - menuName

rightClick - 오른쪽 버튼 클릭여부

[반환값] - false를 반환하면 컨텍스트 메뉴가 표시되지 않는다. 또 menuName을 return하는 경우 해당 menu가 표시된다.

Example:

gridView.onContextMenuPopup =  function (grid, x, y, clickData, menu, rightClick) {
     console.log(clickData);
};

onCopy

control + c 키로 복사하기를 결정하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

selection - 선택 영역 정보

event - 이벤트 정보 (ClipboardEvent (opens in a new tab))

[반환값] - false를 반환하면 복사하기가 취소된다.

Example:

gridView.onCopy = function(grid, selection, event) {
     let data = JSON.stringify(grid.getSelectionData());
     if (data) {
     	data = 'onCopy\r\n' + data;
     	if (window.clipboardData) {
     		window.clipboardData.setData("Text", data);
     	} else {
     		event.clipboardData.setData('text/plain', data);
     	}
     }
     return false;
}

onCurrentChanged

그리드의 focus cell 의 위치 변경을 알리는 콜백

Remarks:

변경되기 직전에는 onCurrentChanging 을 호출

[매개변수 목록]

grid - GridBase 컨트롤

newIndex - 변경된 셀 위치정보

Example:

gridView.onCurrentChanged =  function (grid, newIndex) {
     console.log(newIndex);
}

onCurrentChanging

그리드의 focus cell 의 위치 변경을 결정하는 콜백

Remarks:

변경된 후에는 onCurrentChanged 를 호출한다.

[매개변수 목록]

grid - GridBase 컨트롤

oldIndex - 변경 전 셀 위치정보

newIndex - 변경 되는 셀 위치정보

[반환값] - callback 함수에서 명시적으로 false를 반환하면 current가 변경되지 않음

Example:

gridView.onCurrentChanging =  function (grid, oldIndex, newIndex) {
     console.log(oldIndex);
     console.log(newIndex);
     // return false; 를 하는 경우 위치 변경이 되지 않는다.
};

onCurrentRowChanged

데이터 행의 위치가 변경됨을 알리는 콜백

Remarks:

onCurrentChanged의 경우 선택된 cell의 itemIndex가 변경되는 경우 발생된다. 그러나 onCurrentRowChanged 의 경우 선택된 cell의 데이터 행의 index가 변경되는 경우에 발생한다.

[매개변수 목록]

grid - GridBase 컨트롤

oldRow - 변경 전 데이터 행의 위치

newRow - 변경 후 데이터 행의 위치, -1인 경우 신규행이거나 또는 dataProvider가 비워진 경우이다.

Example:

gridView.onCurrentRowChanged =  function (grid, oldRow, newRow) {
     console.log("oldRow => ", oldRow, "newRow => ", newRow);
};

onDataLoadComplated

dataProvider.setRows()를 실행한 이후 그리드 refresh가 완료된 후 발생하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

Example:

gridView.onDataLoadComplated =  function (grid) {
     console.log("Grid DataLoadComplated")
};

onEditCanceled

사용자가 편집중 ESCAPE 키를 입력하거나 cancel() 이 호출되어 편집이 취소됨을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

index - 편집이 취소된 데이터 셀의 위치정보

Example:

gridView.onEditCanceled = function (grid, index) {
     console.log("Edit Cannceled at " + index.column);
}

onEditChange

아이템이 사용자의 Key 입력 등으로 값이 변경되었음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

index - 현재 focus 된 셀의 위치정보

value - 편집 중인 셀의 데이터 값

Example:

gridView.onEditChange = function (grid, index, value) {
     console.log("grid.onEditChange driven, " + index.column + ' at ' + index.dataRow + ' was replaced by value: ' + value);
}

onEditCommit

사용자 입력이 셀에 반영함을 결정하는 콜백

Remarks:

편집 중인 셀에서 다른 셀로 이동하거나 또는 commitEditor() 를 호출하면 발생한다. setValue() 등 사용자 코드로 변경될때는 발생하지 않는다.

[매개변수 목록]

grid - GridBase 컨트롤

index - 변경된 셀의 위치 정보

oldValue - 편집전 셀의 데이터 값

newValue - 편집후 셀의 데이터 값

[반환값] - false 를 반환 시 셀에 반영되지 않는다.

Example:

gridView.onEditCommit = function (grid, index, oldValue, newValue) {
     if (newValue === '') {
         return false;
     }
     console.log(oldValue + 'was changed to ' + newValue);
}

onEditRowChanged

사용자 입력으로 변경된 값이 행에 반영되었음을 알리는 콜백

Remarks:

pasteOptions.noEditEventtrue 면 발생하지 않는다.

[매개변수 목록]

grid - GridBase 컨트롤

itemIndex - 변경된 행의 순서

row - 변경된 행의 고유 번호

field - 변경된 필드의 인덱스

oldValue - 편집전 셀의 데이터 값

newValue - 편집후 셀의 데이터 값

Example:

gridView.onEditRowChanged = function (grid, itemIndex, dataRow, field, oldValue, newValue) {
    let v = grid.getValue(itemIndex, field);
    console.log("onEditRowChanged, " + field + ": " + oldValue + " => " + newValue);
};

onEditRowPasted

그리드 셀에 붙여넣기 했음을 알리는 콜백

Remarks:

여러 행을 붙여넣기 할때는 onRowsPasted 참조

[매개변수 목록]

grid - GridBase 컨트롤

itemIndex - 변경된 행의 순서

row - 변경된 행의 고유 번호

fields - 필드의 인덱스들

oldValues - 편집전 셀의 데이터 값들

newValues - 편집후 셀의 데이터 값들

Example:

gridView.onEditRowPasted = function (grid, itemIndex, row, fields, oldValues, newValues) {
    console.log('Row pasted!: {' + newValues.join() + '}');
};

onEditSearch

검색을 했음을 알리는 콜백

Remarks:

SearchCellEditor에서 searchLenghtsearchDelay 조건이 만족하면 발생한다. 또는 Ctrl+Enter 키 또는 Enter 키를 입력시 발생한다.

[매개변수 목록]

grid - GridBase 컨트롤

index - 변경된 셀 위치정보

text - 셀에 입력된 값

Example:

gridView.onEditSearch = function (grid, index, text) {
     console.log(text + ' was searched!');
}

onErrorClicked

그리드에 발생한 에러창을 클릭했음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

error - 에러 메세지

Example:

gridView.onErrorClicked = function (grid, error) {
    console.log(error);
}

onFiltering

필터링을 결정하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤 column - filter Selector가 표시되는 경우 전달된다. filter의 active등을 변경하는 경우에는 전달되지 않는다.

[반환값] - 기본값: true, 필터링 실행 여부를 지정한다. false 를 반환하면 필터링은 취소된다.

Example:

gridView.onFiltering = function (grid, column) {
    if (column && column.name === "column") {
        return false; // 특정 컬럼은 filter Selector를 통한 filtering을 하지 못하도록 막는다.
    }
    return true;
}

onFilteringChanged

컬럼에 필터들이 설정되어 있고, 그 필터의 상태가 변경되었음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

column - 필터링된 컬럼 정보

filter - 해당 필터의 정보

Example:

gridView.onFilteringChanged = function (grid, column, filter) {
     console.log('Filter changed!');
}

onGetEditValue

셀 편집이 완료되었을 때 셀의 위차와 편집결과를 갖고 있는 콜백

Remarks:

DropDownCellEditor, SearchCellEditor, MultiCheckCellEditor의 경우 editResult.text에는 labels에 해당하는 값이 출력되고 editResult.value에는 values에 해당하는 값이 출력된다.

DateCellEditor의 경우에는 editResult.text에는 editor의 datetimeFormat으로 Formatting된 값이 출력되고 editResult.value에는 Date객체가 출력된다.

다른 Editor의 경우 text와 value에 동일한 값이 출력된다.

EditResult 의 형태로 출력된다.

[매개변수 목록]

grid - GridBase 컨트롤

index - 편집된 셀의 위치정보

editResult - 편집된 셀의 text와 value를 속성으로 갖는 단순한 객체, 셀 편집기의 종류에 따라 출력되는 값이 달라진다.

Example:

gridView.onGetEditValue = function (grid, index, editResult) {
     console.log(editResult);
}

onGridActivated

그리드가 선택되었음을 알리는 콜백

Remarks:

grid를 전역변수에 저장해서 사용하는 것이 좋다.

[매개변수 목록]

grid - GridBase 컨트롤

Example:

gridView.onGridActivated = function (grid) {
     alert('Selected!');
}

onHideEditor

편집이 완료되고 편집기가 사라진 것을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

index - 편집된 셀의 위치정보

Example:

gridView.onHideEditor = function (grid, index) {
     console.log("onHideEditor:" + index.itemIndex + "," + index.column);
}

onItemAllChecked

사용자가 checkBar의 Header를 클릭하여 전체선택, 해제를 하거나 또는 checkAll true / false 을 입력하여 전체선택, 해제를 했음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

checked - 체크가 되었으면 true, 해제가 되었으면 false가 출력

Example:

gridView.onItemAllChecked = function (grid, checked) {
    console.log('All checked as ' + checked);
};

onItemChecked

사용자가 checkBar의 체크박스를 클릭하거나 checkItem을 호출하여 체크를 변경했음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

itemIndex - 체크된 데이터 행의 순서

checked - 체크가 되었으면 true, 해제되었으면 false가 출력

Example:

gridView.onItemChecked = function (grid, itemIndex, checked) {
    console.log('Checked as ' + checked + ' at ' + itemIndex);
};

onItemEditCancel

사용자가 행 편집을 취소를 결정하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

itemIndex - 편집이 취소된 행의 순서

state - 편집 취소된 행의 상태이다. updating, inserting, appending 이 반환된다.

[반환값] - 기본값: true, false 를 반환하면 행 편집 취소가 취소된다. (계속 편집 상태)

Example:

gridView.onItemEditCancel = function (grid, itemIndex, state) {
     console.log(state);
     if (itemIndex % 5 === 0) {
         return false;
     }
}

onItemEditCanceled

사용자가 행 편집을 취소했음을 알리는 콜백

[매개변수 목록]

grid - GridBase 컨트롤

itemIndex - 편집이 취소된 행의 순서

state - 편집 취소된 행의 상태

Example:

gridView.onItemEditCanceled = function (grid, itemIndex, state) {
     console.log(state);
}

onItemsChecked

사용자가 checkBar의 체크박스를 클릭하거나 checkItem을 호출하여 체크를 변경했음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

items - 체크된 데이터 행의 순서

checked - true: 체크, false: 해제

Example:

gridView.onItemsChecked = function (grid, items, checked){
    console.log(items.join() + ' are checked as ' + checked);
}

onKeyDown

키 입력을 결정하는 콜백

Remarks:

KeyDown 될 때 발생한다. 키를 입력하고 있는 동안 계속 발생된다.

[매개변수 목록]

grid - GridBase 컨트롤

event - KeyboardEvent

[반환값] - 키 입력을 금지할때 false 를 반환한다/

Example:

gridView.onKeyDown = function (grid, event) {
     console.log('You pressed... ' + event);
}

onKeyPress

키가 입력되고 있음을 알리는 콜백

Remarks:

KeyPress 될 때 발생한다. 키를 입력하고 있는 동안 계속 발생된다.

[매개변수 목록]

grid - GridBase 컨트롤

event - KeyboardEvent

Example:

gridView.onKeypress = function (grid, event) {
     console.log('You are pressing... ' + event);
}

onKeyUp

키를 입력하였음을 알리는 콜백.

Remarks:

KeyUp 될 때 발생한다.

[매개변수 목록]

grid - GridBase 컨트롤

event - KeyboardEvent

Example:

gridView.onKeyUp = function (grid, event) {
     console.log('You pressed... ' + event);
}

onLayoutCollapsed

그룹 Layout이 접혔음을 알리는 콜백

Remarks:

[매개변수 목록] grid - GridBase 컨트롤

layout - 접힌 그룹 layout

Example:

gridView.onLayoutCollapsed = function(grid, layout) {
    console.log("Layout Collapsed => " + layout.name)
}

onLayoutCollapsing

그룹 Layout 접기를 결정하는 콜백

Remarks:

false를 return 하면 접기가 취소된다. [매개변수 목록]

grid - GridBase 컨트롤

layout - 접는 그룹 layout

Example:

gridView.onLayoutCollapsing = function(grid, layout) {
    if (layout.name === "group0") {
        return false;
    }
}

onLayoutExpanded

그룹 Layout이 펼쳐졌음을 알리는 콜백

Remarks:

[매개변수 목록] grid - GridBase 컨트롤

layout - 펼칠 그룹 layout

Example:

gridView.onLayoutExpanded = function(grid, layout) {
    console.log("Layout Expanded => " + layout.name)
}

onLayoutExpanding

그룹 Layout 펼치기를 결정하는 콜백

Remarks:

false를 return 하면 펼치기가 취소된다. [매개변수 목록]

grid - GridBase 컨트롤

layout - 펼칠 그룹 layout

Example:

gridView.onLayoutExpanding = function(grid, layout) {
    if (layout.name === "group0") {
        return false;
    }
}

onLayoutPropertyChanged

Layout의 속성 중 displayWidth, displayIndex, visible 속성값이 변경되었음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

layout - 변경된 layout의 정보

property - 컬럼의 displayWidth, displayIndex, visible 속성 중 변경된 것

newValue - 변경후 값이 전달된다.

oldValue - 변경전 값이 전달된다.

Example:

gridView.onLayoutPropertyChanged = function (grid, layout, property, newValue, oldValue) {
 
        console.log(layout + "s props werer changed!");
}

onLeftPosChanged

수평 스크롤 바의 위치가 변경됨을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

pos - 스크롤 중일때 그리드 왼쪽 위치

Example:

gridView.onLeftPosChanged = function (grid, pos) {
     console.log(pos + " was changed!");
}

onMenuItemClicked

추가한 팝업메뉴 항목의 클릭을 알리는 콜백

Remarks:

MenuItem에 callback 이 지정된 경우 호출되지 않는다.

[매개변수 목록]

grid - GridBase 컨트롤

item - MenuItem 객체

clickData - 클릭 된 아이템의 정보

Example:

gridView.onMenuItemClicked =  function (grid, item, clickData) {
     console.log(item.label + "was clicked.");
};

onPaste

그리드에 붙여넣기를 결정하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

index - 셀 위치정보

event - 이벤트 정보 (ClipboardEvent (opens in a new tab))

[반환값] - false를 반환하면 붙여넣기가 취소된다.

Example:

gridView.onPaste = function (grid, index, event){
    console.log("Pasting Starts!");
}

onPasted

그리드에 붙여넣기 했음을 알리는 콜백

Remarks:

입력 편집기가 표시된 상태에서는 발생하지 않는다.

[매개변수 목록]

grid - GridBase 컨트롤

Example:

gridView.onPasted = function (grid){
    console.log("Pasted!");
}

onPopupMenuPopup

popup button을 클릭했을때 popupMenu표시를 결정하는 콜백

Remarks:

셀 popup버튼 또는 header의 popup버튼을 클릭했을때 호출된다. [매개변수 목록]

grid - GridBase 컨트롤

x - PopupMenu 가 호출된 x좌표값

y - PopupMenu 가 호출된 y좌표값

clickData - 클릭 된 아이템의 정보

[반환값] - false를 반환하면 팝업 메뉴가 표시되지 않는다. 또 menuName을 return하는 경우 해당 menu가 표시된다.

Example:

gridView.onPopupMenuPopup =  function (grid, x, y, clickData) {
     console.log(clickData);
};

onRowInserting

사용자가 Insert 키를 눌러 새로운 행을 삽입하거나, 마지막 행에서 아래 화살표를 눌러 행을 추가하는 것을 결정하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

itemIndex - 행 삽입 위치의 순서

dataRow - 행 삽입 위치의 고유 id

[반환값] - 행 추가를 금지 시킬 때 사용자에게 표시할 메시지

Example:

gridView.onRowInserting = function (grid, itemIndex, dataRow) {
     console.log('Inserted: ' + dataRow + ' at ' + itemIndex);
}

onRowsDeleting

사용자가 Ctrl+Del 키를 누르거나 deleteSelection() 으로 삭제할 때, 실제 삭제를 결정하는 콜백

[매개변수 목록]

grid - GridBase 컨트롤

rows - 삭제하려는 행들의 데이터 행 순서들의 배열

[반환값] - null이 아닌 값을 반환하면 지정 텍스트를 표시하고 삭제를 취소한다.

Example:

gridView.onRowsDeleting = function (grid, rows) {
     console.log('Deleted: ' + rows.join());
}

onRowsPasted

여러 행을 붙여넣기 했음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

items - 붙여넣기된 행들의 그리드에서의 순서

Example:

gridView.onRowsPasted = function (grid, items) {
    console.log('Rows pasted!: ' + items.join());
};

onScrollToBottom

사용자가 키보드나 스크롤 바 등을 조작하여 그리드에 마지막 행이 표시될 때 호출되는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

Example:

gridView.onScrollToBottom =  function (grid) {
    var data = {"SearchKey":"searchData"},
    $.ajax({
        url:"/loadData.do",
        data: data,
        type:"post",
        async:false,
        success: function (data, textStatus) {
            grid.fillJsonData(data.dataList, {fillMode:"append"});
        }
    })
});

onSearchCellButtonClick

SearchCellEditor 에서 버튼을 클릭했음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

index - 클릭된 셀 위치정보

text - 셀에 입력된 값

Example:

gridView.onSearchCellButtonClick = function (grid, index, text) {
     console.log(text + ' button was clicked!');
}

onSelectionAdded

Warning: This API is now obsolete.

2.6.0 버전 이후 제거될 예정

선택 영역이 새로 추가됨을 알리는 콜백

Remarks:

변경 중인 선택 영역의 정보는 getSelectionData 함수로 알 수 있다. GridBase.getSelection().styleSelectionStyle.NONE 인 경우 발생하지 않는다.

[매개변수 목록]

grid - GridBase 컨트롤

selection - 선택 영역 정보

Example:

gridView.onSelectionAdded = function (grid, selection) {
     console.log(selection);
}

onSelectionChanged

사용자가 마우스나 키보드로 선택 영역의 크기를 변경했음을 알리는 콜백

Remarks:

변경 중인 선택 영역의 정보는 getSelectionData 함수로 알 수 있다. GridBase.displayOptions.selectionStyleSelectionStyle.NONE 인 경우 발생하지 않는다.

[매개변수 목록]

grid - GridBase 컨트롤 selection - 선택 영역 정보

Example:

gridView.onSelectionChanged = function (grid) {
     console.log('Selection changed!');
}

onSelectionCleared

사용자가 마우스나 키보드로 선택 영역을 변경했을때 기존 선택 영역이 제거 되었음을 알리는 콜백

Remarks:

기존 선택영역이 없는 경우 발생하지 않는다.

[매개변수 목록]

grid - GridBase 컨트롤

Example:

gridView.onSelectionCleared = function (grid) {
     console.log('Selection cleared');
}

onSelectionEnded

Warning: This API is now obsolete.

2.6.0 버전 이후 제거될 예정

사용자가 마우스로 선택 영역 변경 완료를 알리는 콜백

Remarks:

변경된 선택 영역의 정보는 getSelection 함수로 알수 있고 선택영역의 데이터는 getSelectionData 함수로 알 수 있다. [매개변수 목록]

grid - GridBase 컨트롤 selection - 선택 영역 정보

Example:

gridView.onSelectionEnded = function (grid) {
     let cells = grid.getSelectionData();
     console.log(cells);
}

onShowEditCommand

mobile에서 표시되는 editCommand의 표시여부를 결정하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

index - 편집기가 열리려는 셀의 위치정보

[반환값] - false 를 return하면 EditCommand가 표시되지 않는다.


onShowEditor

Cell 별로 열리는 Editor 의 표시를 결정하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

index - 편집기가 열리려는 셀의 위치정보

props - 셀 편집기 설정 정보

attrs - 내부 편집기 element attributes. 사용자가 임의로 지정할 수 있는 값들.

[반환값] - false 를 return하면 Editor가 표시되지 않는다.

Example:

gridView.onShowEditor = function (grid, index, props, attrs) {
     console.log("onShowEditor:" + index.itemIndex + "," + index.column);
     if (index.column == "OrderID") {
	        props.textCase = 'upper';
     }
}

onShowHeaderTooltip

컬럼 헤더의 툴팁이 표시되었음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

column - 툴팁이 표시될 컬럼 GroupHeader이면 해당 Group의 첫번째 Column

value - 툴팁에 표시될 값. 기본값으로 컬럼헤더 text가 전달된다.

layout - 툴팁이 표시될 컬럼의 layout

[반환값] - 툴팁에 표시할 값. 아무것도 return 하지 않으면 Tooltip이 표시되지 않는다.

Example:

gridView.onShowHeaderTooltip = function (grid, column, value, layout) {
    return 'header-tooltip: ' + value;
}

onShowTooltip

데이터 셀의 툴팁이 표시되었음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤.

index - 마우스 포인터가 위치한 영역의 셀 위치정보

value - 마우스 포인터가 위치한 데이터

[반환값] - 툴팁에 표시할 값. 아무것도 return 하지 않으면 Tooltip이 표시되지 않는다.

Example:

gridView.onShowTooltip = function (grid, index, value) {
     if (index % 7 === 0) {
             return '7-multiple Row!'
     }
}

onSorting

정렬을 결정하는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

fields - 정렬하는 필드의 목록

direction - 각 필드에 대한 정렬 방식 목록

[반환값] - false 를 반환하면 정렬은 취소된다.

Example:

gridView.onSorting = function (grid) {
     if (fields.length > 5) {
         return false;
     }
}

onSortingChanged

정렬했음을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

Example:

gridView.onSortingChanged = function (grid) {
    console.log('Sorted! ');
}

onTopIndexChanged

수직 스크롤 바의 위치가 변경됨을 알리는 콜백

Remarks:

[매개변수 목록]

grid - GridBase 컨트롤

itemIndex - 스크롤 중일때 그리드 상단에 표시되는 itemIndex 값

Example:

gridView.onTopIndexChanged = function (grid, idx) {
     console.log(idx + "was changed!");
}

onTopIndexChanging

gridView.topIndex가 변경될때 호출되는 콜백

Remarks:

스크롤할때 사용자가 지정한 값만큼 이동할때 사용한다. 페이지에 보여지는 값 이상을 return하지 말아야 한다.

[매개변수 목록]

grid - GridBase 컨트롤

currentTop - 변경되기전 topIndex

delta - 변경값

focusing - 포커스 변경에 의해서 topIndex가 변경되는 경우 true

adjust - 그리드 내부에서 위치를 조정하는 경우 true

[반환값] - number를 return하면 해당 값만큼 topIndex를 이동한다.

Example:

var userSetTopItem = false;
grid.onTopIndexChanging = function(_grid, current, delta, focusing, adjust) {
// mergeCell을 block처럼 사용하는 경우 스크롤도 block단위로 이동하기 위해서 사용한다.
// setTopItem의 경우 이벤트에서는 구분할수 없기 때문에 외부에서 구분할수 있는 값을 주어야 한다.
// rowGrouping된 경우는 아래 코드를 그대로 사용할수는 없다.
 
    var fcnt = _grid.fixedOptions.rowCount;
    // 첫행으로 이동하거나 마지막행으로 이동되는 경우 또는 그리드 내부에서 위치를 보정하는 경우 'null'을 return하면 원래 이동하려는  delta값 만큼 이동한다.
    if (current + delta + _grid.fullItemCount() + fcnt >= _grid.getItemCount() || current + delta === 0 || (adjust && !focusing)) {
        console.log(current, delta, `scroll bottom or Top or adjust = ${adjust}`);
        return;
    }
 
    var top = current + delta;  // 그리드가 이동하려는 topIndex
    var items = _grid.getMergedItems(top + fcnt, "merge컬럼", true, true);  // 이동할 block의 items
    var curItems = _grid.getMergedItems(current + fcnt, "merge컬럼", true, true);  // 현재 top block의 items
 
    if (delta < 0 || top === items[0] + fcnt || userSetTopItem) {  // 위로 스크롤하거나 fixedRow가 있으면서 최상단으로 이동 또는 사용자가 setTopItem을 했을때
        top = items[0]; // 블록의 첫번째 행이 topIndex
    } else { // 아래쪽으로 스크롤 했을때
        top = items[0] === curItems[0] ? items[items.length - 1] + 1 : top = items[0]
    }
 
    return top - current - fcnt;
}
 
function