DevExpress XtraGrid控件

下面汇总了DevExpress XtraGrid控件的各种常见用法,在此分享给大家:

DXperience Universal Suite下载

支持多种类型的数据集合作为数据源

XtraGrid与传统的DataGridView一样,支持多种类型作为其数据源。下面例子是将DataTable, List<T>和数组分别绑定到XtraGrid里面。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
     
//定义数据源
List<Person> peopleList= new List<Person>
{
     { ID = 1 , FirstName = "Magnus" , LastName = "Hedlund" , Sex = true , Birth = new DateTime( 1999 , 9 , 9 ), Chinese = 60 , English = 80 , Math = 79 },
     { ID = 2 , FirstName = "Terry" , LastName = "Adams" , Sex = false , Birth = new DateTime( 1999 , 9 , 9 ), Chinese = 60 , English = 80 , Math = 79 },
     { ID = 3 , FirstName = "Charlotte" , LastName = "Weiss" , Sex = false , Birth = new DateTime() },
     { ID = 4 , FirstName = "Arlene" , LastName = "Huff" , Sex = true , Birth = new DateTime( 1999 , 9 , 9 ), Chinese = 60 , English = 80 , Math = 79 },
     { ID = 5 , FirstName = "FirstName1" , LastName = "LastName1" , Sex = true , Birth = new DateTime( 1999 , 9 , 9 ), Chinese= 60 , English= 80 , Math= 79 },
    { ID = 6 , FirstName = "FirstName2" , LastName = "LastName2" , Sex = true , Birth = new DateTime( 1999 , 9 , 19 ), Chinese = 60 , English = 80 , Math = 79 },
   { ID = 7 , FirstName = "FirstName3" , LastName = "LastName3" , Sex = true , Birth = new DateTime( 1999 , 9 , 29 ) },
   { ID = 8 , FirstName = "FirstName4" , LastName = "LastName4" , Sex = true , Birth = new DateTime( 1999 , 2 , 9 ), Chinese = 60 , English = 80 , Math = 79 },
   { ID = 9 , FirstName = "FirstName5" , LastName = "LastName5" , Sex = true , Birth = new DateTime( 1999 , 4 , 9 ) }
};
//将list<T>绑定到grid中
gridControl1.DataSource = peopleList;
  
  
People[] peopleArray=peopleList.ToArray();
//将数组绑定到grid中
gridControl1.DataSource = peopleArray;
 
DataTable peopleTable= new DataTable();
  
peopleTable.Columns.Add( "FirstName" );
peopleTable.Columns.Add( "LastName" );
peopleTable.Columns.Add( "Sex" );
peopleTable.Columns.Add( "Birth" );
peopleTable.Columns.Add( "Chinese" );
peopleTable.Columns.Add( "English" );
peopleTable.Columns.Add( "Math" );
peopleTable.Columns.Add( "ID" );
  
foreach (Person pi in people)
{
     DataRow row = peopleTable.Rows.Add();
     row[ "FirstName" ] = pi.FirstName;
     row[ "LastName" ] = pi.LastName;
     row[ "Sex" ] = pi.Sex;
     row[ "Birth" ] = pi.Birth;
     row[ "Chinese" ] = pi.Chinese;
     row[ "English" ] = pi.English;
     row[ "Math" ] = pi.Math;
     row[ "ID" ]=pi.ID;
}
  
//将DataTable绑定到grid中
gridControl1.DataSource = peopleTable;

统计运算的功能

XtraGrid提供的统计运算的功能,包括求和,求平均值,最大值,最小值,行数,自定义统计。

做法是打开属性编辑器,在Columns ——> Columns properties下的 SummaryItem的SummaryType选择。

或者通过代码设置,例如:

1
this .bandedGridColumn2.SummaryItem.SummaryType= DevExpress.Data.SummaryItemType.Average;

DevExpress.Data.SummaryItemType是一个枚举,它的值有 Sum,Average,Max,Min,Count,Custom和None。

排序

只要该列的ColumnsOptions的AllowSort属性不为False就可以根据那一列的数据进行排序。(AllowSort属性 在属性编辑器的Columns的Columns Options选项卡。)设置Column properties下的SortOrder值。

或者通过代码,例如:

1
2
3
this .bandedGridColumn2.OptionsColumn.AllowSort=  DevExpress.Utils.DefaultBoolean.Default| DevExpress.Utils.DefaultBoolean.True;
 
this .bandedGridColumn2.SortOrder= DevExpress.Data.ColumnSortOrder.Ascending

另外在程序运行时,单击某列的列头也可以对该列进行排序。

分组

1
2
3
4
5
GridView view = gridControl1.MainView as GridView;
[] sortInfo = {
         new GridColumnSortInfo(view.Columns[ "Chinese" ], ColumnSortOrder.Ascending)
       };
view.SortInfo.(sortInfo, 2 );

GridColumnSortInfo 数组存放的是分组的列的信息,调用ClearAndAddRange清除结果并进行分组。

筛选

只要该列的Filter Options选项卡的AllowFilter属性不为False就可以进行筛选。

该属性通过代码设置是

1
this .bandedGridColumn2.OptionsFilter.AllowFilter = false ;

运行程序后,鼠标指针移动到列标题,单击漏斗状图形经行筛选操作。

分页栏

XtraGrid提供分页栏。通过这个设置可以显示出来。

1
gridControl1.UseEmbeddedNavigator = true ;

如果要根据滚动条滚动实现翻页功能的,那得依靠Scroll事件。它又没像DataGridView那样开放滚动条事件,不过里面有一个事件可以替代Scroll事件,那就是TopRowChanged,例子如下:

1
2
3
4
5
6
7
8
private void gridView1_TopRowChanged(object sender, EventArgs e)
         {
 
             if (gridView1.IsRowVisible(gridView1.RowCount - 1 ) == RowVisibleState.Visible) //如果滚到了底端
             {
                 people.AddRange( new Person[] { Person1, Person2, Person3, Person4, Person5 });
             }
         }

如果硬要获取滚动条对象来设置,则可以用下面这段代码获取gridView的滚动条。

1
2
3
4
5
6
7
8
9
Type type = gridView1.GetType();
 
             FieldInfo fi = type.GetField( "fViewInfo" , BindingFlags.NonPublic | BindingFlags.Instance);
 
             GridViewInfo info = gridView1.GetViewInfo() as GridViewInfo;
 
             fi = type.GetField( "scrollInfo" , BindingFlags.NonPublic | BindingFlags.Instance);
 
             ScrollInfo scrollInfo = fi.GetValue(gridView1) as ScrollInfo;

父子表

当绑定的 数据源中的子项再存在集合时,XtraGrid会自动启用子表。例如上面的在Person类里多添加一个成员 List<Person> Friends{get;set;}表示那个人的朋友圈子,在任意一个实例中把Person实例添加进去,再启动程序时,就会发现父子表的效果实现了。

若要对子表的进行设置,可以给MainView添加MasterRowExpanded事件,例如:

1
2
3
4
5
6
7
8
9
10
11
private void gridView1_MasterRowExpanded(object sender, CustomMasterRowEventArgs e)
         {
             //获取子表
             AdvBandedGridView gv = (AdvBandedGridView)gridView1.GetDetailView(e.RowHandle, e.RelationIndex);
             //第一个参数是行号,第二个参数是父子表关联索引
             
             if (gv != null )
             {
                 //对子表设置
             }
         }

Get/Set 单元格的值

通过调用GetRowCellValue获取单元格的值。

1
2
3
4
public override object GetRowCellValue(
    int rowHandle, 
    GridColumn column
);

rowHandle是行的索引,column列的对象。

通过调用SetRowCellValue设置单元格的值

1
2
3
4
5
public void SetRowCellValue(
    int rowHandle, 
    GridColumn column, 
    object _value
);

rowHandle是行的索引,column列的对象。_value是单元格新的值。

以peopleList为例

1
2
int englishS=Convert.ToDouble( 0 ,gridView1.Columns[ "English" ])+ 60 ;
SetRowCellValue( 0 ,gridView1.Columns[ "English" ],englishS);

在XtraGrid有另一种方式,就是直接设置数据源的值。对于上面这个例子,直接找到grid里第一行数据对应的Person对象,设置它的English值。

数据验证

有两种方法来实现基于单元格的验证:

1、使用RepositoryItem.Validating事件

事件的"sender" 必须转换为BaseEdit类型,使用EditValue来获取当前输入的值并进行校验,如果校验不通过,把e.Cancel设置True。这种方法一般用来对内置控件的单元格进行数据验证。

2、使用 GridView.ValidatingEditor 事件

事件的"sender"必须转换为GridView类型,当前列可以从GridView.FocusedColumn属性获得,值可以从e.Value获取,如果校验不通过,需要把e.Valid设置为False。
这种方法一般用于对整个Grid内的文本框进行数据验证

在设置完事件之后需要写一个GridView.InvalidValueException 的事件委托,如

1
2
3
4
5
private void gridView1_InvalidValueException(object sender, DevExpress.XtraGrid.Views.Base.InvalidValueExceptionEventArgs e) {
   e.ThrowException = false ;
   e.WindowText = "验证通过" ;
   e.DisplayError = true ;
}

表格数据与数据源的数据同步

XtraGrid与DataGridView在数据源方面不同的是,对grid里的数据进行任何改动(增、删、改)之后,原本的数据源也相应的改动。通过下面例子可以得出此结论,在窗体添加删,改两个按钮并绑定下面相应的事件。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/// <summary>
         /// 更改
         /// </summary>
         /// <param name="sender"></param>
         /// <param name="e"></param>
         private void btEdit_Click(object sender, EventArgs e)
         {
             Person p = (Person)gridView1.GetRow(gridView1.FocusedRowHandle);
         }
 
         /// <summary>
         /// 删除
         /// </summary>
         /// <param name="sender"></param>
         /// <param name="e"></param>
         private void btDelete_Click(object sender, EventArgs e)
         { if (gridView1.SelectedRowsCount != 0 )
                 gridView1.DeleteSelectedRows();
             MessageBox.Show(people.Count.ToString());
         }

只要对grid的数据经过改动之后,单击相应的按钮就可以查看数据源的信息。

数据导入导出

XtraGrid 支持Html、Xml、Txt、Xsl导出,对应的导出器是ExportHtmlProvider、ExportXmlProvider、 ExportTxtProvider、ExportXslProvider。都在命名空间DevExpress.XtraExport里面。

这里封装了一个数据导出的方法,可以导出上述列举的类型,只需要传入相应类型的provider就可以了。

1
2
3
4
5
6
7
8
9
10
11
12
13
private void ExportTo(IExportProvider provider)
         {
             Cursor currentCursor = Cursor.Current;
             Cursor.Current = Cursors.WaitCursor;
 
             this .FindForm().Refresh();
             BaseExportLink link = gridView1.CreateExportLink(provider);
             (link as GridViewExportLink).ExpandAll = false ;
             link.ExportTo( true );
             provider.Dispose();
 
             Cursor.Current = currentCursor;
         }

调用时只需要创建一个相应的provider。

1
2
IExportProvider provider = new ExportXlsProvider(FullFileName); //这里可以是ExportHtmlProvider、ExportXmlProvider、ExportTxtProvider
ExportTo(provider);

导入数据只尝试了导入Excel的导入,利用ODBC读取Excel的数据到DataTable中,再把DataTable绑定到XtraGrid中。

这里也是封装了一个读取Excel数据的方法。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
private DataSet GetDataFromExcelWithAppointSheetName(string Path)
         {
             String strConn = "Provider=Microsoft.Jet.OLEDB.4.0;" +
                      "Data Source=" + Path + ";" +
                      "Extended Properties=Excel 8.0;" ;
             OleDbConnection conn = new OleDbConnection(strConn);
             conn.Open();
             //返回Excel的架构,包括各个sheet表的名称,类型,创建时间和修改时间等 
             DataTable dtSheetName = conn.GetOleDbSchemaTable(OleDbSchemaGuid.Tables, new object[] { null , null , null , "Table" });
             //包含excel中表名的字符串数组
             string[] strTableNames = new string[dtSheetName.Rows.Count];
             for ( int k = 0 ; k < dtSheetName.Rows.Count; k++)
             {
                 strTableNames[k] = dtSheetName.Rows[k][ "TABLE_NAME" ].ToString();
             }
             OleDbDataAdapter da = null ;
             DataSet ds = new DataSet();
             //从指定的表明查询数据,可先把所有表明列出来供用户选择
             string strExcel = "select * from[" + strTableNames[ 0 ] + "]" ;
             da = new OleDbDataAdapter(strExcel, conn);
             da.Fill(ds);
 
             return ds;
         }

以这样方式调用。

1
DataSet ds = GetDataFromExcelWithAppointSheetName(FullFileName);

设置条带状的列

在选择视图时,选择BandedGridView和AdvBandedGridView都是支持设置条带状的列。在属性编辑器的Bands处可以对条带进行管理,直接拖动列标题可以设置该列属于哪个条带。通过Bands属性可以对各个条带进行管理。

编辑器

XtraGrid提供了多种编辑器。这些能够在Grid/CardView/BandedView中使用。在属性编辑器中的In-place Editor Repository可以对编辑器进行管理。在Columns的ColumnEdit中选择该列使用哪个编辑器。

也可以通过代码实现:

1
2
3
4
5
6
RepositoryItemComboBox repositoryItemComboBox_abc= new RepositoryItemComboBox();
             //
             // 对编辑器进行设置
             //
 
             this .gridColumn1.ColumnEdit = repositoryItemComboBox_abc;  //在需要的列里使用定义好的编辑器

单元格编辑

这个效果发现只使用与gridView这种视图,同样通过上,下,左,右四个方向的导航键控制光标移动,按回车进入编辑状态,按Esc键不保存更改内容,按回车保存更改内容。

1
2
3
this .gridView1.OptionsSelection.MultiSelect = true ;
             this .gridView1.OptionsSelection.MultiSelectMode = DevExpress.XtraGrid.Views.Grid.GridMultiSelectMode.CellSelect;
             this .gridView1.OptionsSelection.UseIndicatorForSelection = false ;

列拖动

只 要是在列属性里把AllowMove设置了True(它的默认值本身是True),在程序运行时,用户都可以拖动列标题来改变列的位置。该属性可以通过属 性编辑器设置,在Columns-->Columns Options选项卡下的AllowMove。也可以通过代码设置,如:

1
gridView1.Columns[ 0 ].OptionsColumn.AllowMove = true ;

XtraGrid滚轮翻页

滚轮翻页与传动的翻页更为方便,经过本人一番探讨与琢磨终于在XtraGrid的GridView中实现了鼠标滚轮翻页。

我新建了一个组件继承原本的GridControl,在组件中添加了一个ImageList,专门存放一些资源图片。用于实现动态图的效果。

添加一个自定义委托的参数与枚举,委托参数用于传递分页的信息。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
public class PagingEventArgs : EventArgs
     {
         public int PageSize { get ; set ; }
         public int PageIndex { get ; set ; }
     }
 
     public enum LoadState
     {
         /// <summary>
         /// 就绪
         /// </summary>
         Ready,
 
         /// <summary>
         /// 正在读取
         /// </summary>
         Loading,
 
         /// <summary>
         /// 读取完成
         /// </summary>
         Finish
     }

在组件的类里面添加以下字段

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/// <summary>
         /// 页面大小
         /// </summary>
         private int _int_page_size= 20 ;
 
         /// <summary>
         /// 当前页索引
         /// </summary>
         private int _int_page_index= 1 ;
 
         /// <summary>
         /// 总记录数
         /// </summary>
         private int _int_record_count;
 
         /// <summary>
         /// 读取状态
         /// </summary>
         private LoadState _LodaState_state;

添加以下属性

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/// <summary>
         /// 总记录数
         /// </summary>
         public int RecordCount
         {
             get
             {
                 if (!IsPaging) return 0 ;
                 return _int_record_count;
             }
             set
             {
                 if (!IsPaging) return ;
                 _int_record_count = value;
                 //当设置了新的记录总数,自动读取第一页的内容
                 if (value> 0 )
                     gridView_TopRowChanged( this , new EventArgs());
 
             else
                           {
                                    while ( this .MainView.DataRowCount > 0 )
                                         GridView_main_view.DeleteRow( 0 );
                                    this .RefreshDataSource();
                           }
             }
         }
 
         /// <summary>
         /// 每次读取的行数
         /// </summary>
         public int PageSize
         {
             get
             {
                 if (!IsPaging) return 0 ;
                 return _int_page_size;
             }
             set
             {
                 if (!IsPaging) return ;
                 _int_page_size = value;
             }
         }
 
         /// <summary>
         /// 总页数
         /// </summary>
         private int PageCount
         {
             get
             {
                 if (RecordCount % PageSize == 0 )
                     return RecordCount / PageSize;
                 return RecordCount / PageSize + 1 ;
             }
         }
 
         /// <summary>
         /// Grid
         /// </summary>
         private GridView _GridView_main_view
         {
             get { return (GridView) this .MainView; }
         }
 
         /// <summary>
         /// 是否启用分页
         /// </summary>
         public bool IsPaging { get ; set ; }

添加以下委托与事件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/// <summary>
         /// 内部使用的委托
         /// </summary>
         private delegate void myDelegate();
 
         /// <summary>
         /// 滚动翻页的委托
         /// </summary>
         /// <param name="sender"></param>
         /// <param name="e"></param>
         public delegate void ScrollingToPageEventHandler(object sender, PagingEventArgs e);
 
         /// <summary>
         /// 滚动翻页的事件
         /// </summary>
         public event ScrollingToPageEventHandler OnScrollingToPage;

以下则是一些对控件的设置,按照各人喜好可以有所更改。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/// <summary>
         /// 设置分页栏
         /// </summary>
         private void InitEmbeddedNavigator()
         { this .EmbeddedNavigator.CustomButtons.AddRange( new DevExpress.XtraEditors.NavigatorCustomButton[] {
             new DevExpress.XtraEditors.NavigatorCustomButton(- 1 , - 1 , true , false , "" , null )});
             this .EmbeddedNavigator.TextStringFormat = "  当前 {1} 行数据  " ;
             this .UseEmbeddedNavigator = true ;
 
         }
 
         /// <summary>
         /// 设置gridView
         /// </summary>
         private void InitGridView()
         {
             _GridView_main_view.TopRowChanged += new EventHandler(gridView_TopRowChanged);
         }

为控件的事件注册以下方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
private void gridControl_Load(object sender, EventArgs e)
         {
             if (IsPaging)
             {
                 _LodaState_state = LoadState.Ready;
 
                 InitEmbeddedNavigator();
                 InitGridView();
             }
         }
 
         private void gridView_TopRowChanged(object sender, EventArgs e)
         {
 
             lock ( this )
             {
                 if ( _int_page_index > PageCount || _LodaState_state != LoadState.Ready) return ;
             }
 
             //检查是否到达底部
             if (_GridView_main_view.IsRowVisible(_GridView_main_view.RowCount - 1 ) == RowVisibleState.Visible||
                 _int_page_index== 1 )
             {
 
                 lock ( this ) //设置成开始读取状态
                 {
                     _LodaState_state = LoadState.Loading;
                 }
                 Thread thread_load_data = new Thread( new ThreadStart(LoadData));
                 Thread thread_change_text = new Thread( new ThreadStart(ChangeLoadingImage));
                 thread_change_text.Start();
                 thread_load_data.Start();
             }
         }

TopRowChanged事件在grid的首行改变了就会触发,类似于滚动条的Scroll事件。这里开了两个线程,第一个线程用于读取数据,第二个线程用于实现动态图。两个线程调用的方法都在下面。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
/// <summary>
         /// 读取数据
         /// </summary>
         private void LoadData()
         {
             int top_row_index = 0 ;
             int focus_index = 0 ;
             lock ( this )
             {
                 top_row_index = _GridView_main_view.TopRowIndex;
                 focus_index = _GridView_main_view.FocusedRowHandle;
 
                 //执行事件
                 if (OnScrollingToPage == null )
                     throw new Exception( "OnScrollingToPage can not be null" );
 
                 PagingEventArgs e = new PagingEventArgs();
                 e.PageIndex = this ._int_page_index;
                 e.PageSize = this ._int_page_size;
                 OnScrollingToPage( this ,e);
                 
             }
 
             //刷新grid的数据
             if ( this .Parent.InvokeRequired)
             {
                 this .Parent.Invoke( new myDelegate(delegate
                 {
                     _GridView_main_view.TopRowIndex = top_row_index;
                     _GridView_main_view.FocusedRowHandle = focus_index;
           _GridView_main_view.RefreshData();
 
                 }));
 
             }
             lock ( this )
             {
                 _LodaState_state = LoadState.Finish; //设置成读取完成状态
             }
         }
 
         /// <summary>
         /// 更替图片
         /// </summary>
         private void ChangeLoadingImage()
         {
 
             int image_index = 0 ;
 
             if ( this .Parent.InvokeRequired) //显示loading的gif
             {
                 this .Parent.Invoke( new myDelegate(delegate
                 {
                     this .EmbeddedNavigator.Buttons.CustomButtons[ 0 ].Visible = true ;
                 }));
             }
             while ( true ) //循环更替图片实现动态图效果
             {
                 lock ( this )
                 {
                     if (_LodaState_state != LoadState.Loading) //判定数据是否完成
                         break ;
                 }
 
                 Thread.Sleep( 120 );
 
                 if (image_index == 3 )
                     image_index = 0 ;
                 else
                     image_index++;
                 if ( this .Parent.InvokeRequired)
                 {
                     //轮流更换图片实现gif动态图
                     this .Parent.Invoke( new myDelegate(delegate
                     {
                         this .EmbeddedNavigator.Buttons.CustomButtons[ 0 ].ImageIndex = image_index;
                     }));
                 }
             }
 
             if ( this .Parent.InvokeRequired) //隐藏loading的gif
             {
                 this .Parent.Invoke( new myDelegate(delegate
                 {
                     this .EmbeddedNavigator.Buttons.CustomButtons[ 0 ].Visible = false ;
                 }));
             }
 
 
 
             lock ( this )
             {
                 _LodaState_state = 0 ;
                 _int_page_index++;
             }
 
         }

不过这个代码有点问题,当GridControl绑定的数据源有相同实例的子项时,随着RefreshData方法的调用会不停触发 TopRowChanged事件,确切的原因还没搞清楚,解决这个问题就是要不去除数据源上相同的实例子项,要不就不调用RefreshData方法。还 有更好的办法还请高手们的指点。

出处:博客园武胜-阿伟

猜你喜欢

转载自blog.csdn.net/qq_40267217/article/details/80058086
今日推荐