SMART datagrid v1.4 > Concepts

Back  Forward

Concepts.Tree Overview

SMART datagrid 트리뷰는 논리적으로 부모 자식의 계층적 관계를 갖는 데이타행들을 표시하고 다루는 UI 컴포넌트다. 각 행은 동일한 필드셋으로 구성되며, 컴포넌트 입장에서 계층에 따라 값에 의미를 다르게 구분하지는 않는다. 즉, 데이터행들이 계층적 관계를 가질 수 있다는 점을 제외하고는 그리드뷰와 동일하다. 실제로 트리뷰와 그리드뷰는 동일하게 GridBase를 계승하고 있다. 

1. TreeDataSet

2차원 배열로 단순하게 관리되는 그리드 데이터셋과 다르게, TreeDataSet은 각 행을 TreeDataRow 객체로 생성해서 관리한다. 모든 행은 자식 행들을 가질 수 있으며, TreeDataSet.addRow, TreeDataSet.deleteRow 등의 메소드를 통해서 자식행을 추가하거나 삭제할 수 있다. 

Code -1
    var dataset = DataLudi.createTreeDataSet();
    // 혹은
    var dataset = new DataLudi.TreeDataSet();
    // 필드셋을 구성한다.
    dataset.setFields(fields);
2. TreeView

TreeView의 각 은 트리뷰에 연결된 트리 데이터셋의 데이터행에 연결된다. 또한, 그리드뷰와 마찬가지로 필터링 및 정렬 등을 제외하면 기본적으로 데이터셋의 계층 구조를 그대로 가져와 표시한다. 

Code -2
    var treeview = DataLudi.createTreeView('treeview');
    // 컬럼 레이아웃을 구성한다.
    treeview.setColumns(columns);
    // 데이터셋에 연결한다.
    treeview.setDataSource(dataset);
See Also
TreeDataSet
TreeDataRow
TreeView
TreeRow
GridDataSet
GridView
Examples
Hello Tree
TreeDataSetTree 데이터셋]
트리 데이터 로드하기