使用DevExpress GridControl实现复合表头并绑定数据.pdf

使用DevExpress GridControl 实现复合表头并绑定数据 作者：泪沉大海 一．新建项目(新建一个窗体) 二．将GridControl 控件拖进窗体中 三．修改参数与设置属性(这一步非常关键) 1).设置GridControl 的内置视图(view)为BandedGridView 或者AdvBandedGridView 2). 内置视图转换后得到的数据表格样式会和原始的有所不同： 3).点击 “Run Designer”按钮进入设计界面： 4).去掉数据表格上方的 “Drag a column header here to group by that column”，一般这句 话可要可不要，但是它的存在对美观有一定的影响，我们就把它去除，在设计界面中找 到 view 选项卡，点击需要修改的视图，找到内置对象 OptionsView ，将其中的 ShowGroupPanel 改为False： 5).设置需要展示出来的数据列，选中Columns 选项卡： 点击添加按钮进行列的添加：(增加5 个需要显示的列：姓名，性别，小学，初中，高 中)： 点击 表示在最后一列之后新增一列 点击 表示在选中的列前方新增一列 点击 表示移除选中的列 点击 表示将选中的列上移 点击 表示将选中的列下移 配置属性参数： 选中其中的一个列，选中Column properties 选项卡，其中需要重点注意的有以下3 个 属性：Caption ：所显示的文字描述，FieldName：绑定的字段名称(与需要绑定的对象中 的字段名称一一对应，严格区分大小写) ，(Name)：别名，这个列的别名，也可以理解 成这一个列的对象名，可改可不改，如果需要对这一列进行动态操作的话就需要改一下， 改成容易识别和记忆的就可以了。 上面的设置完毕之后点击Column option 选项卡，进行下一步设置： 这里需要注意的是AllowSize 属性设为False，表示允许列的尺寸修改，默认是True FixedWidth 属性设为True ，表示可以修改拖动列的宽度，设为True 后将不能拖动改变 宽度，默认是False 6).设置绑定列： 点击Bands 选项卡，点击Add New Band……按钮，就会在上方出现绑定列，之前我们 新增了5 列，由于我们需要设置复合表头，那么我们将之前的5 列中的3 列归类在一个 列下形成复合表头，那么这里绑定列就需要设置6 列： 接下来我们修改绑定列的属性： 修改列显示名称：选中需要修改的列，找到属性卡中的Caption，对其值进行修改： 修改其宽度：一个是显示宽度，一个是最小宽度，有些不需要改变宽度的列，就需要把 显示宽度和最小宽度设置成同一个值 我们注意到一个现象，列显示的文字没有居中，怎么办呢？接下来需要设置列文字居中 显示： 选中需要修改的列，在属性卡中找到AppearanceHeader 属性，找到其中的TextOptions 属性，对其中的HAlignment 属性修改为Center 7). 以上操作是对列的基本设置，我们对剩下的列进行一一设置，这里就不具体一个一 个的讲了，因为步骤都是一样的，需要注意的是列宽问题，下面介绍一下如何实现复合 表头 从这里我们可以看出，小学、初中、高中应该是包含在学历这一个列里面的，下面就需 要将这些列归拢在学历这一列下，如何操作呢？选中需要被合并的列，这里以小学为例， 将其拖拽到学历这一列下面，注意拖拽的时候会出现两个箭头，这两个箭头就是指示这 一列要拖拽到什么地方： 值得注意的是出现的那两个箭头，横向箭头表示你现在拖动的这一列要放在那一列之下， 纵向箭头表示你现在拖动的这里一列要放在那一列之后或者之前： 同理我们将剩下的拖进去： 8).通过上面几个步骤，我们把复合表头已经设计完毕，下面我们需要把字段(列)绑定在 绑定列上： 点击Show columns selector 按钮将会弹出一个小对话，我们会发现，这个小对话框中的 字段就是刚才我们新增并设置的那几个Column： 9).将这些字段拖到需要绑定的列下方 绑定完毕，这里绑定的数据列就是整个数据表格绑定的对象中的字段 10).我们发现一个问题，列名是居中了，但是绑定的数据没有居中，那就需要来设置数 据也居中，回到Columns 选项卡，选中需要居中的数据列，更改AppearanceCell 属性中 的TextOption 属性中的HAlign