1、使用 DevExpress GridControl实现复合表头并绑定数据 作者 ：泪沉大海 一 新建项目 (新建一个窗体 ) 二 将 GridControl控件拖进窗体中 三 修改参数与设置属性 (这一步非常关键 ) 1).设置 GridControl的内置视图 (view)为 BandedGridView或者 AdvBandedGridView 2).内置视图转换后得到的数据表格样式会和原始的有所不同 ： 3).点击 “ Run Designer” 按钮进入设计界面 ： 4).去掉数据表格上方的 “ Drag a column header here to group by that col
2、umn” ，一般这句话可要可不要 ，但是它的存在对美观有一定的影响 ，我们就把它去除 ，在设计界面中找到 view 选项卡 ，点击需要修改的视图 ，找到内置对象 OptionsView，将其中的ShowGroupPanel改为 False： 5).设置需要展示出来的数据列 ，选中 Columns选 项卡 ： 点击添加按钮进行列的添加 ： (增加 5个需要显示的列 ：姓名 ，性别 ，小学 ，初中 ，高中 )： 点击 表示在最后一列之后新增一列 点击 表示在选中的列前方新增一列 点击 表示移除选中的列 点击 表示将选中的列上移 点击 表示将选中的列下移 配置属性参数 ： 选中其中的一个列 ，选中
3、Column properties 选项卡 ，其中需要重点注意的有以下 3 个属性 ： Caption： 所显示的文字描述 ， FieldName：绑定的字段名称 (与需要绑定的对象中的字段名称一一对应 ， 严格 区分大小写 )， (Name)： 别名 ， 这个列的别名 ， 也可以理解成这一个列的对象名 ， 可改可不改 ， 如果需要对这一列进行动态操作的话就需要改一下 ，改成容易识别和记忆的就可以了 。 上面的设置完毕之后点击 Column option选项卡 ，进行下一步设置 ： 这里需要注意的是 AllowSize属性设为 False，表示允许列的尺寸修改 ，默认是 True FixedW
4、idth 属性设为 True，表示可以修改拖动列的宽度 ，设为 True 后将不能拖动改变宽度 ，默认是 False 6).设置绑定列 ： 点击 Bands选项卡 ，点击 Add New Band按钮 ，就会在上方出现绑定列 ，之前我们新增了 5列 ，由于我们需要设置复合表头 ，那么我们将之前的 5列中的 3 列归类在一个列 下形成复合表头 ，那么这里绑定列就需要设置 6列 ： 接下来我们修改绑定列的属性 ： 修改 列显示名称 ：选中需要修改的列 ，找到属性卡中的 Caption，对其值进行修改 ： 修改其宽度 ： 一个是显示宽度 ，一个是最小宽度 ，有些不需要改变宽度的列 ，就需要把显示宽度
5、和最小宽度设置成同一个值 我们注意到一个现象 ，列显示的文字没有居中 ，怎么办呢 ？接下来需要设置列文字居中显示 ： 选中需要修改的列 ，在属性卡中找到 AppearanceHeader 属性 ，找到其中的 TextOptions属性 ，对其中的 HAlignment属性修改为 Center 7).以上操作是对列的基本设置 ，我们对剩下的列进行一一设置 ，这里就不具体一个一个的讲了 ，因为步骤都是一样的 ，需要注意的是列宽 问题 ，下面介绍一下如何实现复合表头 从这里我们可以看出 ，小学 、初中 、高中应该是包含在学历这一个列里面的 ，下面就需要将这些列归拢在学历这一列下 ，如何操作呢 ？选中
6、需要被合并的列 ，这里以小学为例 ，将其拖拽到学历这一列下面 ，注意拖拽的时候会出现两个箭头 ，这两个箭头就是指示这一 列要拖拽到什么地方 ： 值得注意的是出现的那两个箭头 ，横向箭头表示你现在拖动的这一列要放在那一列之下 ，纵向箭头表示你现在拖动的这里一列要放在那一列之后或者之前 ： 同理我们将剩下的拖进去 ： 8).通过上面几个步骤 ，我们把复合表头已经设计完毕 ，下面我们需要把字段 (列 )绑定在绑定列上 ： 点击 Show columns selector按钮将会弹出一个小对话 ，我们会发现 ，这个小对话框中的字段就是刚才我们新增并设置的那几个 Column： 9).将这些 字段 拖到
7、需要绑定的 列下方 绑定完毕 ，这里绑定的数据列就是整个数据表格绑定的对象中的字段 10).我们发现一个问题 ，列名是居中了 ，但是绑定的数据没有居中 ，那就需要来设置数据也居中 ，回到 Columns选项卡 ，选中需要居中的数据列 ，更改 AppearanceCell属性中的 TextOption属性中的 HAlignment改为 Center既可让数据居中 ： 11).查看效果 ： 我们看到列名居中了 ， 数据也居中了 ， 那么问题又来了 ， 中间那一行 ： 红框中的这一行是用来做咩的呀 ？实际上这一行是用来提示开发者这一行所绑定的列是那一列 ，需要显示什么数据 ，但是没有实际的用途 ，
8、我们就需要把它隐藏 ，设置以下步骤就可以隐藏这一行 ： 四 到此为止绑定设置完毕 ，下面我们需要填充数据 在表格设计的时候我们设置了 5列 ， 那么数据绑定就需要至少这个对象中包含这 5个字段 ，这个数据的来源我们可以自己通过业务类来 ，也可以通过数据库中的数据表来 ，这里我们用业务类 ，然后将这个业务封装成 List，让整个数 据表格的数据源指向这个 List即可 ： 添加一个叫做 Persons的业务类 ， 其中添加这 5个字段 ： 需要特别注意 ，这里的 5个字段的字段名要和 Column设置的时候 FieldName一一对应 ，严格区分大小写 ，否则数据将不会被绑定 ，也不会被显示 模
9、拟数据 (生成数据 )： 最后一行表示数据源绑定 五 运行程序查看效果 ： 六 其他设置 ： 设置 隔行变色 ： 设置默认第一行不选中 、设置单元格第一个不选中 、设 置表格最前方第一列空白列不显示 ： 这样一个复合表头的例子就做完了 ，大家注意到了没有 ，小学这一列没有显示 ，就是因为 Persons类中的字段名称没有和对应的 FieldName值对应 ，修改后的效果 ; 由于 DevExpress GridControl 支持很多种使用特效 ，例如表格中有选择框 ，有文本 框 ，有按钮 ，有下拉列表等等特效控件的设置 ，这里就不做一一介绍 ，等用到了在详细介绍 ，本文只是针对复合表头做介绍 ，如果有什么介绍的不到位的地方请大家给我指出 ，我将一一改进 。 联系方式 ： QQ996028025
