TreeView

TreeView 클래스, GridBase 의 자식 클래스이다.

Signature:

export declare class TreeView extends GridBase 

Extends: GridBase

Remarks

[상위 클래스]

GridBase

Events

Properties

Methods

Events Desc

onTreeItemChanged

TreeView의 값이 변경되었음을 알리는 콜백

Remarks:

값이 변경된 후 commit() 시 발생한다.

[매개변수 목록]

tree - TreeView 컨트롤

itemIndex - 값이 변경된 행의 인덱스

rowId - 값이 변경된 행의 고유번호

Example:

treeView.onTreeItemChanged = function (tree, itemIndex, rowId) {
    console.log("TreeItem item changed:: " + itemIndex);
};

onTreeItemCollapsed

TreeView의 아이템 노드가 졉혔음을 알리는 콜백

Remarks:

[매개변수 목록]

tree - TreeView 컨트롤

itemIndex - 접힌 아이템 행의 인덱스

rowId - 접힌 행의 고유번호

Example:

treeView.onTreeItemCollapsed = function (tree, itemIndex, rowId) {
    console.log('Collapsed at: ' + itemIndex);
};

onTreeItemCollapsing

TreeView의 아이템 노드 접힘을 결정하는 콜백

Remarks:

[매개변수 목록]

tree - TreeView 컨트롤

itemIndex - 접으려는 행의 인덱스

rowId - 접으려는 행의 고유번호

[반환값] - false를 반환하면 펼쳐지지 않는다.

Example:

treeView.onTreeItemCollapsing = function (tree, itemIndex, rowId) {
    return false;
};

onTreeItemExpanded

TreeView의 아이템 노드가 펼쳐졌음을 알리는 콜백

Remarks:

[매개변수 목록]

tree - TreeView 컨트롤

itemIndex - 펼쳐진 행의 인덱스

rowId - 펼쳐진 행의 고유번호

Example:

treeView.onTreeItemExpanded = function (tree, itemIndex, rowId) {
    console.log('Expanded at: ' + itemIndex);
};

onTreeItemExpanding

TreeView의 아이템 노드 펼치기를 결정하는 콜백

Remarks:

[매개변수 목록]

tree - TreeView 컨트롤

itemIndex - 펼쳐지려는 행의 인덱스

rowId - 펼쳐지려는 행의 고유번호

[반환값] - false를 반환하면 펼쳐지지 않는다.

Example:

treeView.onTreeItemExpanding = function (tree, itemIndex, rowId) {
    return false;
};

Properties Desc

treeOptions

TreeView 만이 고유로 가지는 설정 모델

Remarks:

TreeOptions 객체를 반환한다. TreeOptions 의 속성을 가져오거나 설정할 수 있다.

Example:

treeView.treeOptions.iconWidth = 20;

Methods Desc

checkChildren

입력된 행의 자식 행들을 체크하거나 해제한다.

Example:

treeView.checkChildren(4, true, true, true, true);

collapse

행을 접는다.

Example:

tree.collapse(3);

collapseAll

모든 행을 접는다.

Example:

tree.collapseAll();

collapseModel

아이템(행)을 접는다.

Example:

let model = tree.getModel(4);
tree.collapseModel(model);

expand

행을 펼친다.

Remarks:

recursive가 true일 때 level을 지정하면 해당 level까지 펼친다.

Example:

tree.expand(3);

expandAll

모든 행을 펼친다.

Remarks:

recursive가 true일 때 level을 지정하면 해당 level까지 펼친다.

Example:

tree.expandAll();

expandModel

아이템(행)을 펼친다.

Remarks:

recursive가 true일 때 level을 지정하면 해당 level까지 펼친다.

Example:

let model = tree.getModel(4);
tree.expandModel(model);

getAncestors

조상 행들의 인덱스들을 반환한다.

Example:

let aIndexes = tree.getAncestors(3);

getCheckedItems

Check된 아이템들의 index 목록을 배열로 반환한다.

Example:

let checkedItems = treeView.getCheckedItems();

getCheckedRows

Check된 데이터 행들의 index 목록을 반환한다.

Example:

let checkedRows = treeView.getCheckedRows(true);

getChildren

자식 행들의 인덱스들을 반환한다.

Example:

let cIndexes = tree.getChildren(3);

getDataSource

트리에 연결되어 있는 DataProvider를 반환한다.

Example:

let ds = treeView.getDataSource();

getDescendants

자손 행들의 인덱스들을 반환한다.

Example:

let dIndexes = gridView.getDescendants(3);

getParent

부모 행의 인덱스를 반환한다.

Example:

let pIndex = tree.getParent(3);

getTreeOptions

트리 그리드 선택 표시 등, 관련된 설정 정보들을 가져온다.

Example:

let treeOpts = tree.getTreeOptions();
treeOpts.lineVisible = false;
tree.setTreeOptions(treeOpts);

setTreeOptions

트리뷰 표시 및 동작과 관련된 설정을 한다.

Remarks:

TreeOptions 에서 원하는 속성만 지정하여 사용한다.

Example:

tree.setTreeOptions({lineVisible: false});