GridBase
GridBase는 GridView와 TreeView의 기반 클래스(Base Class)이다.
Signature:
export declare abstract class GridBase
Remarks
GridBase 의 모든 속성과 method 는 이를 상속한 하위 클래스들에서만 호출할 수 있다.
[하위 클래스]
Events
Property | Type | Description |
---|---|---|
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) => void | CommandStack이 바뀌었음을 알리는 콜백 |
onContextMenuItemClicked | (grid: GridBase, item: PopupMenuItem, clickData: ClickData) => void | setContextMenu() 를 통해 추가한 컨텍스트 메뉴 항목 클릭을 알리는 콜백 |
onContextMenuPopup | (grid: GridBase, x: number, y: number, clickData: ClickData, menu: string, rightClick: boolean) => boolean | string | 좌표와 함께 ContextMenu 표시를 결정하는 콜백 |
onCopy | (grid: GridBase, selection: Selection | Selection[], event: ClipboardEvent) => boolean | control + 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 | 데이터 행의 위치가 변경됨을 알리는 콜백 |
onCut | (grid: GridBase, selection: Selection | Selection[], event: ClipboardEvent) => boolean | control + x 키로 잘라내기를 결정하는 콜백 |
onDataLoadComplated | (grid: GridBase) => void | dataProvider.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: EditResult) => 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 | 사용자가 행 편집을 취소했음을 알리는 콜백 [매개변수 목록]
|
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) => void | Layout의 속성 중 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 | 그리드에 붙여넣기 했음을 알리는 콜백 |
onRowInserting | (grid: GridBase, itemIndex: number, dataRow: number) => boolean | 사용자가 Insert 키를 눌러 새로운 행을 삽입하거나, 마지막 행에서 아래 화살표를 눌러 행을 추가하는 것을 결정하는 콜백 |
onRowsDeleting | (grid: GridBase, rows: number[]) => boolean | 사용자가 Ctrl+Del 키를 누르거나 deleteSelection() 으로 삭제할 때, 실제 삭제를 결정하는 콜백 [매개변수 목록]
[반환값] - null이 아닌 값을 반환하면 지정 텍스트를 표시하고 삭제를 취소한다. |
onRowsPasted | (grid: GridBase, items: number[]) => void | 여러 행을 붙여넣기 했음을 알리는 콜백 |
onScrollToBottom | (grid: GridBase) => void | 사용자가 키보드나 스크롤 바 등을 조작하여 그리드에 마지막 행이 표시될 때 호출되는 콜백 |
onSearchCellButtonClick | (grid: GridBase, index: CellIndex, text: string) => void | SearchCellEditor 에서 버튼을 클릭했음을 알리는 콜백 |
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) => boolean | mobile에서 표시되는 editCommand의 표시여부를 결정하는 콜백 |
onShowEditor | (grid: GridBase, index: CellIndex, props: any, attrs: any) => boolean | Cell 별로 열리는 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) => number | gridView.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[]) => ValidationError | Javascript를 통한 행 단위 사용자 검증 결과를 결정하는 콜백 |
onValidationFail | (grid: GridBase, itemIndex: number, column: GridColumn, error: ValidationError) => ValidationError | validation 실패시 발생하는 콜백 |
onWheel | (grid: GridBase, event: WheelEvent) => boolean | Wheel Event가 발생했음을 알리는 콜백 |
Constructors
Constructor | Modifiers | Description |
---|---|---|
(constructor)(container, accessibility, waiOptions) | Constructs a new instance of the GridBase class |
Properties
Property | Type | Description |
---|---|---|
checkBar | CheckBar | 그리드의 체크바에 관한 설정 모델 |
copyOptions | CopyOptions | 클립보드에 복사하는 것에 대한 설정 모델 |
dataDropOptions | DataDropOptions | 데이터 drag and drop 과 관련 된 설정 모델 |
disabled | boolean | 그리드가 마우스/키보드 이벤트에 대하여 반응안함 상태 |
displayOptions | DisplayOptions | 그리드 수준에서 관리되는 표시 정보들에 대한 설정 모델 |
editOptions | EditOptions | 데이터 편집에 대한 설정 모델 |
editorOptions | EditorOptions | 편집기에 대한 설정 모델 |
filteringOptions | FilteringOptions | 데이터 필터링에 대한 설정 모델 |
filterPanel | FilterPanel | |
fixedOptions | FixedOptions | 그리드의 고정 행 및 컬럼에 대한 설정 모델 |
footer | GridFooter | 첫번째 푸터에 관한 설정 모델 |
footers | GridFooterCollection | 푸터들에 관한 설정 모델 |
formatOptions | FormatOptions | 데이터 필드 값의 변환 형식에 대한 설정 모델 |
header | GridHeader | 그리드의 헤더 영역에 관한 설정 모델 |
headerSummaries | HeaderSummaryCollection | 그리드 헤더 영역에 표시되는 Header Summary 에 대한 컬렉션 설정 모델 |
headerSummary | HeaderSummary | 그리드 헤더 영역에 표시되는 첫번째 Header Summary에 대한 설정 모델 |
hideDeletedRows | boolean | 그리드에 설정되어 있는 삭제된 행들의 숨김 여부 |
mobileOptions | MobileOptions | 모바일 관련 설정 모델 |
pasteOptions | PasteOptions | 클립보드의 데이터를 붙여 넣는 것에 대한 설정 모델 |
redoing | boolean | 현재상태에서 재실행 가능 여부 |
rowIndicator | RowIndicator | 그리드의 인디케이터에 관한 설정 모델 |
scrollBarHeight | number | 스크롤바의 높이를 변경 |
scrollBarWidth | number | 스크롤바의 너비를 변경 |
sortingOptions | SortingOptions | 데이터 정렬에 대한 설정 모델 |
sortMode | SortMode | 데이터 수정 이후 정렬 동작 모드 |
stateBar | StateBar | 그리드의 상태바에 관한 설정 모델 |
summaryMode | SummaryMode | 현재 그리드의 합계를 계산하는 방식 |
undoable | boolean | 실행취소 기능 사용 가능 여부 |
undoing | boolean | 현재상태에서 실행취소 가능 여부 |
Methods
Method | Type | Description |
---|---|---|
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; | 입력된 아이템 배열에 해당하는 아이템을 체크하거나 해제한다. |
checkModel(model, checked, exclusive, checkEvent) | checkModel(model: GridItem, checked?: boolean, exclusive?: boolean, checkEvent?: boolean): void; | 지정된 GridItem을 체크하거나 해제한다. |
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): string; | 선택한 영역에 포함된 셀들의 정보를 복사 혹은 반환한다. |
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, includeFooterText) | fitLayoutWidth(layout?: string | LayoutItem, maxWidth?: number, minWidth?: number, includeHeaderText?: boolean, includeFooterText?: 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): Rectangle; | 그리드에서 지정한 셀의 좌표값을 반환한다. |
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 좌표값을 반환한다. |
getLookupData(sourceId, keys) | getLookupData(sourceId: string, keys: string | string[]): LookupDataKeyValues; | 지정된 lookupSource에 지정된 키가 있으면 keys, values 를 반환한다. |
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, editing) | getValue(itemIndex: number, field: string | number, editing?: boolean): 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 팝업 창을 숨긴다. |
indeterminateItem(itemIndex, indeterminate) | indeterminateItem(itemIndex: number, indeterminate?: boolean): void; | 지정된 아이템을 indeterminate 상태로 변경하거나 해제한다. |
indeterminateModel(model, indeterminate) | indeterminateModel(model: GridItem, indeterminate: boolean): void; | 해당 모델의 indeterminate상태를 변경한다. |
indeterminateRow(row, indeterminate) | indeterminateRow(row: number, indeterminate?: boolean): void; | 지정된 데이터 행을 indeterminate 상태로 변경하거나 해제한다. |
inlineFilterFocus(column) | inlineFilterFocus(column: string): void; | filter panel에 있는 input에 포커스가 된다. |
isAllChecked() | isAllChecked(): boolean; | 모든 아이템들이 체크되어있는지 여부를 반환한다. |
isCheckable(itemIndex) | isCheckable(itemIndex: number): boolean; | 지정한 아이템의 인덱스로 체크바의 체크 가능 여부를 반환한다. |
isCheckableModel(model) | isCheckableModel(model: GridItem): boolean; | 지정된 GridItem의 체크 가능여부를 반환한다. |
isCheckableOfRow(dataRow) | isCheckableOfRow(dataRow: number): boolean; | 지정한 아이템의 고유 번호로 체크바의 체크 가능 여부를 반환한다. |
isCheckedItem(itemIndex) | isCheckedItem(itemIndex: number): boolean; | 해당 체크바에 체크가 되어있으면 true 를 반환한다. |
isCheckedModel(model) | isCheckedModel(model: GridItem): boolean; | 지정된 GridItem이 체크되어있는지 여부 |
isCheckedRow(row) | isCheckedRow(row: number): boolean; | 행이 체크되어있는지 여부 |
isEditing() | isEditing(): boolean; | 셀이 현재 편집중이면 true 를 반환한다. |
isFiltered(column) | isFiltered(column?: string | DataColumn): boolean; | 그리드의 특정 컬럼이 필터링 되어 있는지 여부를 반환한다. |
isIndeterminateItem(itemIndex) | isIndeterminateItem(itemIndex: number): boolean; | 해당 체크바가 indeterminate상태면 true 를 반환한다. |
isIndeterminateModel(model) | isIndeterminateModel(model: GridItem): boolean; | 해당 체크바가 indeterminate상태면 true 를 반환한다. |
isIndeterminateRow(row) | isIndeterminateRow(row: number): boolean; | 행이 indeterminate상태인지 여부 |
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: (DataColumn | SeriesColumn | LiteralColumn | 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; | 현재 위치한 셀에서 그리드의 편집기를 표시한다. |
showFilterSelector(column, searchText) | showFilterSelector(column: string, searchText?: string): boolean; | filter Selector를 표시한다. |
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[] | null, visibleOnly?: boolean, pageAllItems?: boolean): object; | 입력시 검증하는 것이 아닌 그리드에 있는 데이터들을 대상으로 일괄로 검증을 수행한다. |
Construct Desc
(constructor)
Constructs a new instance of the GridBase
class
Events Desc
onCellButtonClicked
사용자가 데이터 셀 내부의 action 버튼을 클릭했을 때 호출한다.
Type
- (grid: GridBase, index: CellIndex, column: GridColumn) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
index
- 데이터 셀이 포함된 아이템의 위치정보
column
- 데이터 셀에 연결된 컬럼
Example:
gridView.onCellButtonClicked = function (grid, index, col) {
console.log(index);
};
onCellClicked
그리드 셀이 클릭되었음을 알리는 콜백
Type
- (grid: GridBase, clickData: ClickData) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
clickData
- 클릭된 셀 정보
Example:
gridView.onCellClicked = function (grid, clickData) {
console.log(clickData);
}
onCellDblClicked
그리드 셀이 더블 클릭되었음을 알리는 콜백
Type
- (grid: GridBase, clickData: ClickData) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
clickData
- 클릭된 셀 정보
Example:
gridView.onCellDblClicked = function (grid, clickData) {
console.log(clickData);
}
onCellEdited
수정이나 추가 중인 편집 아이템의 한 필드값이 편집 완료되었음을 알리는 콜백
Type
- (grid: GridBase, itemIndex: number, row: number, field: number) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
itemIndex
- 편집 중인 행의 순서
row
- 편집 중인 행의 고유 번호
field
- 방금 편집된 필드의 인덱스
Example:
gridView.onCellEdited = function (grid, itemIndex, row, field) {
console.log('Edit done! at ' + itemIndex + ', ' + field);
}
onCellItemClicked
그리드 셀에 포함된 엘리먼트가 클릭되었음을 알리는 콜백
Type
- (grid: GridBase, index: CellIndex, clickData: ClickData) => boolean
Remarks:
이 이벤트 내에서 클릭을 처리했다면 반드시 false
를 리턴해야 element의 기본 동작을 실행하지 않는다.
[매개변수 목록]
grid
- GridBase 컨트롤
index
- 클릭된 데이터 셀의 위치정보
clickData
- 클릭된 셀 정보
Example:
gridView.onCellItemClicked = function (grid, index, clickData) {
console.log(clickData);
return true;
}
onCellPasting
셀에 붙여넣기를 결정하는 콜백
Type
- (grid: GridBase, index: CellIndex, value: any) => boolean
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
index
- 클릭된 데이터 셀의 위치정보
value
- 붙여넣기 중인 데이터 값
[반환값] - false
를 반환하면 그 셀에는 붙여넣기가 되지 않는다.
Example:
gridView.onCellPasting = function (grid, index, value) {
if (value === 'hello') {
return false;
}
};
onColumnCheckedChanged
사용자의 컬럼 헤더 체크박스를 클릭을 알리는 콜백
Type
- (grid: GridBase, column: GridColumn, checked: boolean) => void
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로 대체
Type
- (grid: GridBase, column: GridColumn, property: string, newValue: any, oldValue: any) => void
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이 바뀌었음을 알리는 콜백
Type
- (grid: GridBase, undoable: boolean, redoable: boolean) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
undoable
- 뒤로
redoable
- 앞으로
Example:
gridView.onCommandStackChanged = function (grid, undoable, redoable) {
if (undoable === true) {
console.log('You can undo now!');
}
};
onContextMenuItemClicked
setContextMenu() 를 통해 추가한 컨텍스트 메뉴 항목 클릭을 알리는 콜백
Type
- (grid: GridBase, item: PopupMenuItem, clickData: ClickData) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
item
- 클릭된 메뉴 항목의 정보
clickData
- 클릭 된 아이템의 정보
Example:
gridView.onContextMenuItemClicked = function (grid, item, clickData) {
console.log(clickData);
};
onContextMenuPopup
좌표와 함께 ContextMenu 표시를 결정하는 콜백
Type
- (grid: GridBase, x: number, y: number, clickData: ClickData, menu: string, rightClick: boolean) => boolean | string
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 키로 복사하기를 결정하는 콜백
Type
- (grid: GridBase, selection: Selection | Selection[], event: ClipboardEvent) => boolean
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 의 위치 변경을 알리는 콜백
Type
- (grid: GridBase, newIndex: CellIndex) => void
Remarks:
변경되기 직전에는 onCurrentChanging 을 호출
[매개변수 목록]
grid
- GridBase 컨트롤
newIndex
- 변경된 셀 위치정보
Example:
gridView.onCurrentChanged = function (grid, newIndex) {
console.log(newIndex);
}
onCurrentChanging
그리드의 focus cell 의 위치 변경을 결정하는 콜백
Type
- (grid: GridBase, oldIndex: CellIndex, newIndex: CellIndex) => boolean
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
데이터 행의 위치가 변경됨을 알리는 콜백
Type
- (grid: GridBase, oldRow: number, newRow: number) => void
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);
};
onCut
control + x 키로 잘라내기를 결정하는 콜백
Type
- (grid: GridBase, selection: Selection | Selection[], event: ClipboardEvent) => boolean
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
selection
- 선택 영역 정보
event
- 이벤트 정보 (ClipboardEvent (opens in a new tab))
[반환값] - false
를 반환하면 잘라내기가 취소된다.
onDataLoadComplated
dataProvider.setRows()를 실행한 이후 그리드 refresh가 완료된 후 발생하는 콜백
Type
- (grid: GridBase) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
Example:
gridView.onDataLoadComplated = function (grid) {
console.log("Grid DataLoadComplated")
};
onEditCanceled
사용자가 편집중 ESCAPE 키를 입력하거나 cancel() 이 호출되어 편집이 취소됨을 알리는 콜백
Type
- (grid: GridBase, index: CellIndex) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
index
- 편집이 취소된 데이터 셀의 위치정보
Example:
gridView.onEditCanceled = function (grid, index) {
console.log("Edit Cannceled at " + index.column);
}
onEditChange
아이템이 사용자의 Key 입력 등으로 값이 변경되었음을 알리는 콜백
Type
- (grid: GridBase, index: CellIndex, value: any) => void
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
사용자 입력이 셀에 반영함을 결정하는 콜백
Type
- (grid: GridBase, index: CellIndex, oldValue: any, newValue: any) => boolean
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
사용자 입력으로 변경된 값이 행에 반영되었음을 알리는 콜백
Type
- (grid: GridBase, itemIndex: number, row: number, field: number, oldValue: any, newValue: any) => void
Remarks:
pasteOptions.noEditEvent 가 true
면 발생하지 않는다.
[매개변수 목록]
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
그리드 셀에 붙여넣기 했음을 알리는 콜백
Type
- (grid: GridBase, itemIndex: number, row: number, fields: number[], oldValues: any[], newValues: any[]) => void
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
검색을 했음을 알리는 콜백
Type
- (grid: GridBase, index: CellIndex, text: string) => void
Remarks:
SearchCellEditor에서 searchLenght 와 searchDelay 조건이 만족하면 발생한다. 또는 Ctrl+Enter 키 또는 Enter 키를 입력시 발생한다.
[매개변수 목록]
grid
- GridBase 컨트롤
index
- 변경된 셀 위치정보
text
- 셀에 입력된 값
Example:
gridView.onEditSearch = function (grid, index, text) {
console.log(text + ' was searched!');
}
onErrorClicked
그리드에 발생한 에러창을 클릭했음을 알리는 콜백
Type
- (grid: GridBase, error: string) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
error
- 에러 메세지
Example:
gridView.onErrorClicked = function (grid, error) {
console.log(error);
}
onFiltering
필터링을 결정하는 콜백
Type
- (grid: GridBase, column: DataColumn) => boolean
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
컬럼에 필터들이 설정되어 있고, 그 필터의 상태가 변경되었음을 알리는 콜백
Type
- (grid: GridBase, column: GridColumn, filter: ColumnFilter) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
column
- 필터링된 컬럼 정보
filter
- 해당 필터의 정보
Example:
gridView.onFilteringChanged = function (grid, column, filter) {
console.log('Filter changed!');
}
onGetEditValue
셀 편집이 완료되었을 때 셀의 위차와 편집결과를 갖고 있는 콜백
Type
- (grid: GridBase, index: CellIndex, editResult: EditResult) => void
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
그리드가 선택되었음을 알리는 콜백
Type
- (grid: GridBase) => void
Remarks:
grid를 전역변수에 저장해서 사용하는 것이 좋다.
[매개변수 목록]
grid
- GridBase 컨트롤
Example:
gridView.onGridActivated = function (grid) {
alert('Selected!');
}
onHideEditor
편집이 완료되고 편집기가 사라진 것을 알리는 콜백
Type
- (grid: GridBase, index: CellIndex) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
index
- 편집된 셀의 위치정보
Example:
gridView.onHideEditor = function (grid, index) {
console.log("onHideEditor:" + index.itemIndex + "," + index.column);
}
onItemAllChecked
사용자가 checkBar의 Header를 클릭하여 전체선택, 해제를 하거나 또는 checkAll true
/ false
을 입력하여 전체선택, 해제를 했음을 알리는 콜백
Type
- (grid: GridBase, checked: boolean) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
checked
- 체크가 되었으면 true, 해제가 되었으면 false가 출력
Example:
gridView.onItemAllChecked = function (grid, checked) {
console.log('All checked as ' + checked);
};
onItemChecked
사용자가 checkBar의 체크박스를 클릭하거나 checkItem을 호출하여 체크를 변경했음을 알리는 콜백
Type
- (grid: GridBase, itemIndex: number, checked: boolean) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
itemIndex
- 체크된 데이터 행의 순서
checked
- 체크가 되었으면 true
, 해제되었으면 false
가 출력
Example:
gridView.onItemChecked = function (grid, itemIndex, checked) {
console.log('Checked as ' + checked + ' at ' + itemIndex);
};
onItemEditCancel
사용자가 행 편집을 취소를 결정하는 콜백
Type
- (grid: GridBase, itemIndex: number, state: string) => boolean
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
- 편집 취소된 행의 상태
Type
- (grid: GridBase, itemIndex: number, state: string) => void
Example:
gridView.onItemEditCanceled = function (grid, itemIndex, state) {
console.log(state);
}
onItemsChecked
사용자가 checkBar의 체크박스를 클릭하거나 checkItem을 호출하여 체크를 변경했음을 알리는 콜백
Type
- (grid: GridBase, items: number[], checked: boolean) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
items
- 체크된 데이터 행의 순서
checked
- true
: 체크, false
: 해제
Example:
gridView.onItemsChecked = function (grid, items, checked){
console.log(items.join() + ' are checked as ' + checked);
}
onKeyDown
키 입력을 결정하는 콜백
Type
- (grid: GridBase, event: KeyboardEvent) => boolean
Remarks:
KeyDown 될 때 발생한다. 키를 입력하고 있는 동안 계속 발생된다.
[매개변수 목록]
grid
- GridBase 컨트롤
event
- KeyboardEvent
[반환값] - 키 입력을 금지할때 false 를 반환한다/
Example:
gridView.onKeyDown = function (grid, event) {
console.log('You pressed... ' + event);
}
onKeyPress
키가 입력되고 있음을 알리는 콜백
Type
- (grid: GridBase, event: KeyboardEvent) => void
Remarks:
KeyPress 될 때 발생한다. 키를 입력하고 있는 동안 계속 발생된다.
[매개변수 목록]
grid
- GridBase 컨트롤
event
- KeyboardEvent
Example:
gridView.onKeypress = function (grid, event) {
console.log('You are pressing... ' + event);
}
onKeyUp
키를 입력하였음을 알리는 콜백.
Type
- (grid: GridBase, event: KeyboardEvent) => void
Remarks:
KeyUp 될 때 발생한다.
[매개변수 목록]
grid
- GridBase 컨트롤
event
- KeyboardEvent
Example:
gridView.onKeyUp = function (grid, event) {
console.log('You pressed... ' + event);
}
onLayoutCollapsed
그룹 Layout이 접혔음을 알리는 콜백
Type
- (grid: GridBase, layout: CellLayoutGroupItem) => void
Remarks:
[매개변수 목록] grid
- GridBase 컨트롤
layout
- 접힌 그룹 layout
Example:
gridView.onLayoutCollapsed = function(grid, layout) {
console.log("Layout Collapsed => " + layout.name)
}
onLayoutCollapsing
그룹 Layout 접기를 결정하는 콜백
Type
- (grid: GridBase, layout: CellLayoutGroupItem) => boolean
Remarks:
false
를 return 하면 접기가 취소된다. [매개변수 목록]
grid
- GridBase 컨트롤
layout
- 접는 그룹 layout
Example:
gridView.onLayoutCollapsing = function(grid, layout) {
if (layout.name === "group0") {
return false;
}
}
onLayoutExpanded
그룹 Layout이 펼쳐졌음을 알리는 콜백
Type
- (grid: GridBase, layout: CellLayoutGroupItem) => void
Remarks:
[매개변수 목록] grid
- GridBase 컨트롤
layout
- 펼칠 그룹 layout
Example:
gridView.onLayoutExpanded = function(grid, layout) {
console.log("Layout Expanded => " + layout.name)
}
onLayoutExpanding
그룹 Layout 펼치기를 결정하는 콜백
Type
- (grid: GridBase, layout: CellLayoutGroupItem) => boolean
Remarks:
false
를 return 하면 펼치기가 취소된다. [매개변수 목록]
grid
- GridBase 컨트롤
layout
- 펼칠 그룹 layout
Example:
gridView.onLayoutExpanding = function(grid, layout) {
if (layout.name === "group0") {
return false;
}
}
onLayoutPropertyChanged
Layout의 속성 중 displayWidth, displayIndex, visible 속성값이 변경되었음을 알리는 콜백
Type
- (grid: GridBase, layout: CellLayoutItem, property: string, newValue: any, oldValue: any) => void
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
수평 스크롤 바의 위치가 변경됨을 알리는 콜백
Type
- (grid: GridBase, pos: number) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
pos
- 스크롤 중일때 그리드 왼쪽 위치
Example:
gridView.onLeftPosChanged = function (grid, pos) {
console.log(pos + " was changed!");
}
onMenuItemClicked
추가한 팝업메뉴 항목의 클릭을 알리는 콜백
Type
- (grid: GridBase, item: PopupMenuItem, clickData: ClickData) => void
Remarks:
MenuItem에 callback 이 지정된 경우 호출되지 않는다.
[매개변수 목록]
grid
- GridBase 컨트롤
item
- MenuItem 객체
clickData
- 클릭 된 아이템의 정보
Example:
gridView.onMenuItemClicked = function (grid, item, clickData) {
console.log(item.label + "was clicked.");
};
onPaste
그리드에 붙여넣기를 결정하는 콜백
Type
- (grid: GridBase, index: CellIndex, event: ClipboardEvent) => boolean
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
index
- 셀 위치정보
event
- 이벤트 정보 (ClipboardEvent (opens in a new tab))
[반환값] - false
를 반환하면 붙여넣기가 취소된다.
Example:
gridView.onPaste = function (grid, index, event){
console.log("Pasting Starts!");
}
onPasted
그리드에 붙여넣기 했음을 알리는 콜백
Type
- (grid: GridBase) => void
Remarks:
입력 편집기가 표시된 상태에서는 발생하지 않는다.
[매개변수 목록]
grid
- GridBase 컨트롤
Example:
gridView.onPasted = function (grid){
console.log("Pasted!");
}
onRowInserting
사용자가 Insert 키를 눌러 새로운 행을 삽입하거나, 마지막 행에서 아래 화살표를 눌러 행을 추가하는 것을 결정하는 콜백
Type
- (grid: GridBase, itemIndex: number, dataRow: number) => boolean
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이 아닌 값을 반환하면 지정 텍스트를 표시하고 삭제를 취소한다.
Type
- (grid: GridBase, rows: number[]) => boolean
Example:
gridView.onRowsDeleting = function (grid, rows) {
console.log('Deleted: ' + rows.join());
}
onRowsPasted
여러 행을 붙여넣기 했음을 알리는 콜백
Type
- (grid: GridBase, items: number[]) => void
Remarks:
[매개변수 목록]
grid
- GridBase 컨트롤
items
- 붙여넣기된 행들의 그리드에서의 순서
Example:
gridView.onRowsPasted = function (grid, items) {
console.log('Rows pasted!: ' + items.join());
};
onScrollToBottom
사용자가 키보드나 스크롤 바 등을 조작하여 그리드에 마지막 행이 표시될 때 호출되는 콜백
Type
- (grid: GridBase) => void
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 에서 버튼을 클릭했음을 알리는 콜백
Type
- (grid: GridBase, index: CellIndex, text: string) => void
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 버전 이후 제거될 예정
선택 영역이 새로 추가됨을 알리는 콜백
Type
- (grid: GridBase, selection: Selection) => void
Remarks:
변경 중인 선택 영역의 정보는 getSelectionData 함수로 알 수 있다. GridBase.getSelection().style 이 SelectionStyle.NONE 인 경우 발생하지 않는다.
[매개변수 목록]
grid
- GridBase 컨트롤
selection
- 선택 영역 정보
Example:
gridView.onSelectionAdded = function (grid, selection) {
console.log(selection);
}