DevXpress控件: 第三篇: 将 父子 关系进行到底--TreeList 控件

一. 说明: 平时我们所用到的树结构一般只有一个列, 然后在这一个列上建立父子关系进行展开或收缩. TreeList控件扩展了树结构功能: 它相当于将 Tree 和 GridView 结合起来显示数据.

即, 在TreeList中同时引入了 Node和 Columns概念, 第一列为树结构, 其余列为数据列, 任何列都可作为树结构列(即拖动到第一列)显示.

显示效果: ( 图书类型 )



拖动第二列 (类型标识符) 到第一列:



二. 数据源绑定

1. Design Time:

使用 Node.Editor 属性进行手动添加节点.

使用 TreeListColumn 属性添加列

2. Run Time:

TreeList.DataSource 绑定数据源, 需要注意的是: 这里直接绑定数据集中的特定表；可置 TreeList.DataMember 为空；

如下形式即可 : this.treeList1.DataSource=dataSet.Tables[0];

三. 确定父子关系

1. 对于此控件来讲不需要自定义递归之类的；已经完全封装好了；

我们要做的只需指定 主键和父节点 映射的数据表中对应的字段即可；

如下形式:

this. treeList.KeyFieldName=”ID”;

this. treeList.ParentFieldName = "ParentID";

2. 如果数据表中建立了主键名称为 ID；并且父节点字段为 ParentID;

那么上面的父子关系可以不用人为指定；

四. 添加列

1. Design Time: 进入 TreeList.Columns 属性即可添加数据列

2. Run Time: 如果您不想一列一列的添加, 就使用下面的循环

string[] captions = { "类型编号", "标识符", "图书类型", "可借天数", "略注信息", "父结点" };

string[] fields={"ID", "Label", "Catalog", "Days", "Momo", "ParentID" };

for (int i = 0; i < 5; i++)

{

this.treeList1.Columns.Add();

this.treeList1.Columns[i].Caption = captions[i];

treeList1.Columns[i].FeildName=fields[i];

}

五. 事件:

１. //树每个节点展开前都需要触发这个事件；否则会无法展开子结点

private void treeList1_BeforeExpand(object sender, DevExpress.XtraTreeList.BeforeExpandEventArgs e)

{

InitTreeList(e.Node.GetDisplayText(0), e.Node);

}

这里只列出一些基本用法.