DevExpress控件使用方法：第一篇 gridControl详解_devexpress gridcontrol gridview cardview layoutvie

 GridControl

（1）层次设计器

有五种视图模式，banded gridview多行表头，数据还是一行一组，最靠近数据的表头与数据一一对应；advanced banded gridview多行表头，数据可以多行一组；cardview 一个卡片是一组数据，其中左侧是标题，右侧是数据；layout view是card view的集合，布局可以自定义

(2)视图

视图的层次结构

 

视图属性：

可通过GridControl.Views访问所有视图。

可通过ColumnView.Columns访问当前视图的所有列

(3)设计器（层次设计器中点击Run Designer可调出）

设计器有四大功能：①主要功能的设计；②选择外观；③可以选择多个视图，内嵌编辑器的设置；④打印功能的设置

①       View:

(a)Option：

OptionsBehavior可以设置行为（是否允许新增行/是否允许删除行/是否允许编辑/是否允许展开所有分组）

OptionsCustomization（是否允许排序/分组/过滤/列的移动/列的大小的调整）

OptionsDetail(设置从表的属性)、OptionsFilter(过滤属性的设置)OptionsView(显示或隐藏某些东西，比如标题行)

(b)AppearancePrint :  (行高…)

Columns://列的相应的属性

FeatureBrowser://设置事件，Grid的绑定、列的绑定（有方法提示），什么都可以设置

Layout:设置布局

Group Summary Items添加分组统计

②       Appearance：

Appearances可设置行的外观

Format Conditions条件样式

Style Schemes可设置主题（比较方便）

③       Repository

View Repository设计视图，与①差不多

In-place Editor Repository内嵌编辑器

④       Printing

(4)gridControl：给该列添加组件(如按钮)  三种方法

法一：打开设计器(Run Designer)，选择左侧Repository，点击In-place Editor Repository（内嵌编辑器）,点击Add右侧的下拉菜单，选择你想添加的控件，比如ComboBoxEdit，再在右侧编辑控件的属性，ComboBox的话就可以设置Data下的Items集合，然后点左侧Main里的Columns，点你想在上头添加控件的列，找右侧Data下的ColumnEdit，点最右边的下拉菜单，点Existing左侧的加号，就能找到你刚才的控件，添加。会默认给该列的每一个格都加上这个控件。

法二：点击你想添加控件的列标题，再点属性栏中的ColumnEdit，下拉菜单点new，选择想添加的控件，然后Column Edit左侧会出现加号，展开加号，下方会出现许多子属性，这些都是设置内嵌的控件的属性的。

法三：直接写代码。

②       拖动一个gridControl控件，改变视图为BandedGridview，属性栏中点OptionView，选择NewItemRowPosition，选Bottom

②添加引用：usingDevExpress.XtraGrid.Views.BandedGrid;

form的构造函数中添加代码：

BandedGridColumn newColumn = bandedGridView1.Columns.Add() as BandedGridColumn;

           newColumn.Caption = "Country";

           bandedGridView1.Bands[0].Columns.Add(newColumn);

            newColumn.Visible = true;

②（假设添加的控件是计算器）添加引用：usingDevExpress.XtraEditors.Repository;

form的构造函数中继续添加代码，效果图

RepositoryItemCalcEdit calcEdit = new RepositoryItemCalcEdit();

           gridControl.RepositoryItems.Add(calcEdit);

            newColumn.ColumnEdit = calcEdit;

(5)给gridview添加筛选器

              点击gridview1，再点属性栏中的OptionsView，下头有个ShowFilterPanelMode，默认的是不显示，改成总是显示，这样gridview下方就会出现一个筛选器，可以根据条件对数据进行筛选，再显示。

(6)gridview导出为PDF

可以在窗体中添加个按钮，把gridview导出为PDF并在Adobe Reader中显示，前提是电脑上安装的Adobe Reader.

按钮中添加如下代码：

DevExpress.XtraGrid.Views.Grid.GridView View = gridControl1.MainView as DevExpress.XtraGrid.Views.Grid.GridView;

            if(View != null)

                View.ExportToPdf("ShowData.pdf");//pdf的文件名必须是英文

 

            ProcesspdfExport = new Process();

            pdfExport.StartInfo.FileName = "AcroRd32.exe";

            pdfExport.StartInfo.Arguments = "ShowData.pdf";

            pdfExport.Start();

添加引用using System.Diagnostics;

实际效果图：(列标题无法显示，可能是汉字字体的问题，图中默认为宋体)

(7)鼠标滑过gridview时，鼠标所指行显示橙色

①添加两个引用：usingDevExpress.XtraGrid.Views.Grid;

usingDevExpress.XtraGrid.Views.Grid.ViewInfo;

②声明一个私有成员变量：private inthotTrackRow = DevExpress.XtraGrid.GridControl.InvalidRowHandle;

③写一个方法：  private int HotTrackRow {

            get{

                returnhotTrackRow;

            }

            set{

                if(hotTrackRow != value)

                {

                    intprevHotTrackRow = hotTrackRow;

                    hotTrackRow = value;

 

                   gridView1.RefreshRow(prevHotTrackRow);

                    gridView1.RefreshRow(hotTrackRow);

 

                    if(hotTrackRow >= 0)

                        gridControl1.Cursor = Cursors.Hand;

                    else

                        gridControl1.Cursor = Cursors.Default;

                }

            }

       }

④   在gridview的属性栏中找到事件，添加一个MouseMove事件:

 private voidgridView1_MouseMove(object sender, MouseEventArgs e)

       {

            GridViewview = sender as GridView;

            GridHitInfoinfo = view.CalcHitInfo(new Point(e.X, e.Y));

 

            if(info.InRowCell)

                HotTrackRow = info.RowHandle;

            else

                HotTrackRow =DevExpress.XtraGrid.GridControl.InvalidRowHandle;

       }

⑤   在gridview的属性栏中找到事件，给gridview添加一个RowCellStyle事件：

private void gridView1_RowCellStyle(object sender, RowCellStyleEventArgse)

       {

            if(e.RowHandle == HotTrackRow)

                e.Appearance.BackColor = Color.PaleGoldenrod;

       }

效果图：（鼠标滑过时，鼠标所指行显示橙色）

(8)gridview中的当前所选框四周加粗，效果图：

①   添加两个引用：using System.Reflection;

usingDevExpress.Utils.Paint;

②再写一个类：

public class MyXPaint : XPaint

   {

       public overridevoid DrawFocusRectangle(Graphics g, Rectangle r, Color foreColor, ColorbackColor)

       {

            if(!CanDraw(r)) return;

            Brushhb = Brushes.Black;

            g.FillRectangle(hb, new Rectangle(r.X,r.Y, 2, r.Height - 2));//left

            g.FillRectangle(hb, new Rectangle(r.X,r.Y, r.Width - 2, 2));//top

            g.FillRectangle(hb, new Rectangle(r.Right-2,r.Y,2, r.Height-2));//right

            g.FillRectangle(hb, new Rectangle(r.X,r.Bottom-2,r.Width, 2));//bottom

       }

}

③在当前form的load事件中添加两行代码：

FieldInfo fi = typeof(XPaint).GetField("graphics",BindingFlags.Static | BindingFlags.NonPublic);

            fi.SetValue(null, new MyXPaint());

(9)gridControl内嵌导航栏(可以翻页、添加或删除行)

点击gridControl1，点属性栏中最下方的UseEmbeddedNavigator,选true,gridview下方就会出现内嵌导航栏

删除行时可以添加提示按钮，方法：

      添加引用using DevExpress.XtraEditors;

      点击gridControl1,点属性栏中的事件，双击EmbeddedNavigator中的ButtonClick事件，添加代码：

if(e.Button.ButtonType == NavigatorButtonType.Remove)

            {

if (MessageBox.Show("你想删除当前行么？", "确认删除", MessageBoxButtons.YesNoCancel,MessageBoxIcon.Question) != DialogResult.Yes)

                    e.Handled = true;

            }

翻页：如果只要翻页按钮，可以把其余按钮设为不可见

gridControl1属性 EmbededNavigator-Buttons—PrevPage和NextPage的visible设为true，其余的visible全设为false

(10)右键菜单(只能对当前单元格进行复制、粘贴、全选、剪切、操作)

选择gridView1，在属性栏的事件中双击ShownEditor事件，添加代码，效果图：↑

      System.Windows.Forms.ContextMenu cm;

       private voidgridView1_ShownEditor(object sender, EventArgs e)

       {

            if(cm == null)

            {

                InitializeCustomontextMenu();

            }

            this.bandedGridView1.ActiveEditor.ContextMenu= cm;

       }

       private voidInitializeCustomontextMenu()

       {

            cm = newSystem.Windows.Forms.ContextMenu();

            cm.MenuItems.Add(new MenuItem("剪切", new EventHandler(OnCut)));

            cm.MenuItems.Add(new MenuItem("复制", new EventHandler(OnCopy)));

            cm.MenuItems.Add(new MenuItem("粘贴", new EventHandler(OnPaste)));

            cm.MenuItems.Add("-");

            cm.MenuItems.Add(new MenuItem("全选", new EventHandler(OnSelectAll)));

       }

       private voidOnCut(object sender, EventArgse)

       {

            TextEdittextEdit = this. gridView1.ActiveEditor as TextEdit;

            if(textEdit != null)

            {

                textEdit.Cut();

            }

       }

       private voidOnCopy(object sender, EventArgse)

       {

            TextEdittextEdit = this. gridView1.ActiveEditor as TextEdit;

            if(textEdit != null) {

                textEdit.Cut();

            }

       }

       private voidOnPaste(object sender, EventArgse)

       {

            TextEdittextEdit = this. gridView1.ActiveEditor as TextEdit;

            if(textEdit != null)

            {

                textEdit.Paste();

            }

       }

       private voidOnSelectAll(object sender, EventArgs e)

       {

            TextEdittextEdit = this.gridView1.ActiveEditor as TextEdit;

            if(textEdit != null)

            {

                textEdit.SelectAll();

            }

       }

(12)对某列进行求和或取最大值最小值，显示在gridview底部。

gridview1绑定数据后，点击Run Designer，点Column，右侧点Data下的

Symmary Item，Summary Type的选项根据需求来选。然后关闭当前窗口，gridView1的属性设置页脚可见（属性栏中点OptionView,ShowFooter改为True）。该列的页脚的单元格颜色可以设置。选择gridView1事件中的CustomDrawFooterCell，添加如下代码，再添加引用UsingSystem.Drawing.Drawing2D;

(13)gridView不可编辑

OptionBehavior的Editable改为false

(14)单元格添加颜色，效果图：

 

在gridView1的RowCellStyle事件中添加如下代码：

if (e.RowHandle != bandedGridView1.FocusedRowHandle &&((e.RowHandle % 2 == 0 && e.Column.VisibleIndex % 2 == 1) ||(e.Column.VisibleIndex % 2 == 0 && e.RowHandle % 2 == 1)))

                e.Appearance.BackColor = Color.AliceBlue;

(15)gridView按某列标题进行分组（各个组可以展开收起，分组条件为用户的拖拽列，把列标题拖拽到最上方即可），效果图：

 

添加引用：using DevExpress.XtraGrid.Views.Base;

在gridView1的FocusedRowChanged事件中添加代码:

if (gridView1.IsGroupRow(e.FocusedRowHandle))

            {

                boolexpanded = gridView1.GetRowExpanded(e.FocusedRowHandle);

                gridView1.SetRowExpanded(e.FocusedRowHandle,!expanded);

            }

(15)根据单元格的值改变其背景色(右图是将Date列中，值小于2015的单元格染色)

双击进入gridView1的CustomDrawCell事件：

private void gridView1_CustomDrawCell(object sender, RowCellCustomDrawEventArgse)

       {

            if(e.Column.FieldName == "Date")

            {

                intx = Convert.ToInt32(gridView1.GetRowCellValue(e.RowHandle,"Date"));

                if(x < 2015)

                    e.Appearance.BackColor=Color.MistyRose;

            }

            }

(16)列对齐方式  gridView1.Columns["Date"].AppearanceCell.TextOptions.HAlignment= DevExpress.Utils.HorzAlignment.Near;

//Near左对齐    Center居中对齐    Far右对齐    Default数据默认的对齐方式

(17)gridControl绑定数据源DataTable