GridBase

GridBase는 GridView와 TreeView의 기반 클래스(Base Class)이다.

Signature:

export declare abstract class GridBase 

Remarks

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

[하위 클래스]

GridView

TreeView

Events

Constructors

Properties

Methods

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);
}