DevExpress学习笔记(三)-XtraGrid

DevExpress学习笔记

XtraGrid－数据绑定

XtraGrid控件可以说是开发系统时使用的频率最多的控件，网上也有好多人对于此控件的用法津津乐道，受关注的程度远非其它的控件可比。DevExpress控件中专门针对与XtraGrid也开发了多种不同类型的视图控件，比如网格视图(Grid View)、 布局视图(Layout View)、 带区网格视图(Banded Grid View)、 高级带区网格视图(Advanced Banded Grid View) 或 卡片视图(Card View)，甚至还可以自定义视图。今天准备先从最简单GridView入手，先看一下怎样实现数据绑定至Grid上。

首先从工具箱中拖入一个GridControl控件至Form中，在列表控件下方会出现gridControl设计时designer，点击”Run Desinger”进入Grid设计界面，如下图所示：

 

其次，新增数据列。在设计界面左边的导航栏中选择“Column”，新增两个数据列，在每个列的属性界面有三个命名的地方：1.Name :此列的命名，在程序中可被引用；2.FieldName：此列被绑定的数据命名，需要与绑定的数据DataTable中的列名保持一致；3.Caption：数据列表头显示的名称。如下图所示：

 

新增两个数据列：1. Name:prname;FieldName: prname; Caption:名称  2. Name:person;FieldName: person; Caption:人员。

最后，绑定数据。在程序中实现一个DataTable，包括两列，prname和person（需要与FieldName保持一致），代码如下：

View Code

DataTable table = new DataTable();

            DataColumn column1 = new DataColumn("prname", typeof(String));

            DataColumn column2 = new DataColumn("person", typeof(String));

            table.Columns.Add(column1);

            table.Columns.Add(column2);

            DataRow row = table.NewRow();

            row["prname"] = "test1";

            row["person"] = "张三";

            table.Rows.Add(row);

            row = table.NewRow();

            row["prname"] = "test2";

            row["person"] = "李四";

            table.Rows.Add(row);

 

   指定GridControl的数据源为此DataTable既可实现数据绑定.

    gridControl1.DataSource = table;

效果如下图：

 

还可以对此表格实现分组、排序、改变列的顺序等操作，这些操作都是Grid默认的，如果不需要可通过设置属性将其去掉。