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保持一致），代碼如下：

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默認的，如果不需要可通過設置屬性將其去掉。