TreeGrid 1.0 树表格
相信TreeView大家都是常见的了, 但Ben曾经遇到一个成本扩展管理的实现, 这里不单单TreeView这么简单, 而且子级表格要与父级的同列, 换而言之就是要TreeView
+ DataGrid的效果. 这里结合了AJAX的应用, 可以给用户带来Web2无刷新的快感.
- 因为TreeGrid在DataGrid基础上设计的, 具体DataGrid的一些特性
- TreeGrid包括TreeView的原理, 所以也可以当TreeView使用
- 无刷新, 动态加载数据, 更有利大数据量的装载效率
TreeGrid 在Visual Studio上应用开发
- 按DataGrid使用方法, 从工具栏将TreeGrid控件拖放在ASP.NET页面
- 设置两个关键字段属性:DataKeyField, HasChildDataField (请从数据源提供判断记录是否有子记录的字段)
- 定义TreeGrid的OnTreeGridExpand方法来获取子列表数据源, 如示例代码:
|
|
|
|
|
|
protected void
AspTreeGrid1_TreeGridExpand(object sender, benSoft.Web.WebControls.TreeEventArgs e)
{
//从benSoft.Web.WebControls.TreeEventArgs的ParentID属性可以返回当前TreeGrid绑定DataKeyField字段的值
//从benSoft.Web.WebControls.TreeEventArgs的ChildDataSource属性绑定子列表的数据源
e.ChildDataSource = GetDataByParentID(int.Parse(e.ParentID));
}
|
|
|
|
|
|
TreeGrid 在线演示
TreeGrid的一般应用
VINET | 32.38 | Vins et alcools Chevalier | 7/16/1996 |
|
TOMSP | 11.61 | Toms Spezialit | 7/10/1996 |
HANAR | 65.83 | Hanari Carnes | 7/12/1996 |
|
VICTE | 41.34 | Victuailles en stock | 7/15/1996 |
|
SUPRD | 51.30 | Suprêmes délices | 7/11/1996 |
|
HANAR | 58.17 | Hanari Carnes | 7/16/1996 |
TreeGrid的TreeView应用