SMART datagrid v.1 > Concepts

Back  Forward

Concepts.Tree Overview

SMART datagrid树视图是一种显示和处理具有逻辑性父子层次关系的数据行的UI组件。 各个行由相同的字段组所构成,并且在组件立场上,将不会根据层次而区分值。 也就是说,除了数据行可以具有层次关系,它与网格视图是相同的。 实际上,树视图和网格视图同样继承GridBase。 

1. Tree Data Set

不同于通过二维数组而简单管理的网格数据组TreeDataSet通过TreeDataRow对象,创建和管理各个行。 所有行可以具有子行,并且可以通过TreeDataSet.addRowTreeDataSet.deleteRow等方法,添加或删除子行。 

Code -1
    var dataset = DataLudi.createTreeDataSet();
    // 或
    var dataset = new DataLudi.TreeDataSet();
    // 构成字段组。
    dataset.setFields(fields);
2. Tree View

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
树数据组
加载树数据