断天涯大虾 发表于 2016-10-31 11:21:32

Wijmo5 FlexGrid教程(12)- 实现创建简单树形视图功能

树形视图是文档类材料中最常看到的排布方式,那么如何在数据排布中实现树形视图呢?
本文就来介绍使用FlexGrid创建分级的数据树。
我们通过生成表格,在代码中添加组行创建了左边的树形。我们使用的ItemsSource和childItemsPath属性,自动创建了右边的树形。
首先创建一个FlexGrid中的元素。
代码参考:<DIV ID = “tvFlexGrid” > </ DIV>
其次创建树形视图http://img.mp.itc.cn/upload/20161028/1b47b529e98e46c082d301aa5eae4101_th.jpg要使用有分层数据源的FlexGrid的,设置childItemsPath属性为包含子元素的数据元素的名字。表格会自动扫描数据,为你构建树。
最后通过设置childItemsPath属性和ItemsSource的属性来设置树形目录结构。http://img.mp.itc.cn/upload/20161028/2df821a9adb94258bc33c52900122dc0_th.jpg
效果如图:http://img.mp.itc.cn/upload/20161028/76cf6c9703b044da80790958367d0e4f_th.jpg
免费试用
FlexGrid 包含在全能控件套包 ComponentOne Studio Enterprise 中。下载试用,请点击:
http://www.gcpowertools.com.cn/products/download.aspx?pid=2

了解更多详情,请访问官网:
http://www.gcpowertools.com.cn/products/componentone_studio_winform_flexgrid.htm

欢迎加入ComponentOne 官方QQ交流群:415971774,与数百位开发精英即时交流,还可参加每周的视频公开课,快速上手。
页: [1]
查看完整版本: Wijmo5 FlexGrid教程(12)- 实现创建简单树形视图功能