关于devexpress控件gridcontrol的嵌套gridcontrol

先看一张简单的效果图:
关于devexpress控件gridcontrol的嵌套gridcontrol_第1张图片实现这个效果最麻烦的地方在于数据绑定、二级列表的标题头文字,以及二级列表的数据处理。
接下来我会一步一步的介绍实现过程:
1、从工具箱中拖一个gridcontrol控件,在控件右下方的设计视图区域点击click here create a new level
关于devexpress控件gridcontrol的嵌套gridcontrol_第2张图片2、只有一级gridview的时候,大家都知道如何绑定数据, 这里就不多说了,主要讲解下有两级视图的gridview如何绑定数据。这里只讲解list绑定方式, 如果有其它更好的方式,麻烦告诉我。举个简单例子:
关于devexpress控件gridcontrol的嵌套gridcontrol_第3张图片如果想要实现嵌套效果, 那么他们的数据结构同样需要类似结构,如下图:
关于devexpress控件gridcontrol的嵌套gridcontrol_第4张图片4、绑定数据
gridControl1.DataSource = list;

5、运行效果就第一张所示, 但是还有个问题就是二级view的列表标题跟SubData的成员名一样而且在设计器中也无法修改,如图:
关于devexpress控件gridcontrol的嵌套gridcontrol_第5张图片6、接下来就是重点介绍如何解决这个问题了:想要看到二级列表数据就必须点开加号展开二级list, 那么我们可以在展开二级list的时候对二级list的属性进行设置,展开事件就是:关于devexpress控件gridcontrol的嵌套gridcontrol_第6张图片注意L这个事件是一级view的事件。

7、响应事件设置属性
关于devexpress控件gridcontrol的嵌套gridcontrol_第7张图片关于devexpress控件gridcontrol的嵌套gridcontrol_第8张图片运行效果:
关于devexpress控件gridcontrol的嵌套gridcontrol_第9张图片8、去掉二级list左上角的list tab按钮
在一级view的属性设置也设置optiondetail中的showdetailTabs属性设置为false
关于devexpress控件gridcontrol的嵌套gridcontrol_第10张图片
运行效果如下:
关于devexpress控件gridcontrol的嵌套gridcontrol_第11张图片9、最后介绍二级view去数据的方式:
关于devexpress控件gridcontrol的嵌套gridcontrol_第12张图片
至于一级view还是和原来一样。

好了教程结束,记录一下自己学习的过程。

你可能感兴趣的:(C#)