详解WPF 4 DataGrid控件的基本功能

给大家讲到WPF,我们就不得不提到WinForm，51CTO之前也报导过《WPF与WinForm对比谈多线程编程优化是关键》的技术文章，对于他们之间的优劣有了更深刻的认识。而今天我们要讲到的是WPF 4中的DataGrid空间。我们也诚挚向您推荐《让你的代码“炫”起来——WPF开发教程》。

提到DataGrid 不管是网页还是应用程序开发都会频繁使用。通过它我们可以灵活的在行与列间显示各种数据。本篇将详细介绍WPF 4 中DataGrid 的相关功能。

自定义列

默认情况下，当我们为DataGrid 控件设置ItemSource 属性后，DataGrid 会根据数据类型自动生成相应的列，下表列出DataGrid 支持的四种列及其数据类型。

Column

在创建DataGrid 时可以通过AutoGenerateColumns 属性设置列是否自动生成，从而加入自定义列。如果DataGrid 中同时包含“自动生成列”与“用户自定义列”，则首先创建“用户自定义列”。下面代码实例中分别创建这四种列：

<ol class="dp-xml"><li class="alt"><Window x:Class="WPF4ControlTest.MainWindow" </li><li> xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" </li><li class="alt"> xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" </li><li> xmlns:local="clr-namespace:WPF4ControlTest" </li><li class="alt"> xmlns:assembly="clr-namespace:System;assembly=mscorlib" </li><li> Title="MainWindow" Height="200" Width="500"> </li><li class="alt"> <Window.Resources> </li><li> <ObjectDataProvider x:Key="sexEnum" MethodName="GetValues" </li><li class="alt"> ObjectType="{x:Type assembly:Enum}"> </li><li> <ObjectDataProvider.MethodParameters> </li><li class="alt"> <x:Type Type="local:SexOpt"/> </li><li> </ObjectDataProvider.MethodParameters> </li><li class="alt"> </ObjectDataProvider> </li><li> </Window.Resources> </li><li class="alt"> <Grid> </li><li> <DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False"> </li><li class="alt"> <DataGrid.Columns> </li><li> <DataGridTextColumn Header="Name" Width="80" Binding="{Binding Name}"/> </li><li class="alt"> <DataGridTextColumn Header="Age" Width="50" Binding="{Binding Age}"/> </li><li> <DataGridComboBoxColumn Width="80" Header="Sex" </li><li class="alt"> SelectedItemBinding="{Binding Sex}" </li><li> ItemsSource="{Binding Source={StaticResource sexEnum}}"/> </li><li class="alt"> <DataGridCheckBoxColumn Header="Pass Exam?" Width="100" </li><li> Binding="{Binding Pass}"/> </li><li class="alt"> <DataGridHyperlinkColumn Header="Email" Width="150" </li><li> Binding="{Binding Email}"/> </li><li class="alt"> </DataGrid.Columns> </li><li> </DataGrid> </li><li class="alt"> </Grid> </li><li></Window> </li></ol>

其中每列都包含各自的数值类型，在C# 中创建Member 类及SexOpt 枚举，并将memberData 数据绑定到DataGrid：

<ol class="dp-c"><li class="alt">using System; </li><li>using System.Windows; </li><li class="alt">using System.Collections.ObjectModel; </li><li> </li><li class="alt">namespace WPF4ControlTest </li><li>{ </li><li class="alt"> /// <summary> </li><li> /// Interaction logic for MainWindow.xaml </li><li class="alt"> /// </summary> </li><li> public partial class MainWindow : Window </li><li class="alt"> { </li><li> public MainWindow() </li><li class="alt"> { </li><li> InitializeComponent(); </li><li>ObservableCollection<Member> memberData = new ObservableCollection<Member>(); </li><li> memberData.Add(new Member() </li><li class="alt"> { </li><li> Name = "Joe", Age = "23", Sex = SexOpt.Male, </li><li class="alt"> Pass = true, Email = new Uri("mailto:Joe@school.com") </li><li> }); </li><li class="alt"> memberData.Add(new Member() </li><li> { </li><li class="alt"> Name = "Mike", Age = "20", </li><li> Sex = SexOpt.Male, Pass = false, </li><li class="alt"> Email = new Uri("mailto:Mike@school.com") </li><li> }); </li><li class="alt"> memberData.Add(new Member() </li><li> { </li><li class="alt"> Name = "Lucy", Age = "25", </li><li> Sex = SexOpt.Female, Pass = true, </li><li class="alt"> Email = new Uri("mailto:Lucy@school.com") </li><li> }); </li><li class="alt"> dataGrid.DataContext = memberData; </li><li> } </li><li class="alt"> } </li><li> </li><li class="alt"> public enum SexOpt { Male, Female }; </li><li> </li><li class="alt"> public class Member </li><li> { </li><li class="alt"> public string Name { get; set; } </li><li> public string Age { get; set; } </li><li class="alt"> public SexOpt Sex { get; set; } </li><li> public bool Pass { get; set; } </li><li class="alt"> public Uri Email { get; set; } </li><li> } </li><li class="alt">} </li></ol>

这样我们就可以通过自定义列的方式创建出DataGrid：

主窗口

选择模式

默认情况下，DataGrid 的选择模式为“全行选择”，并且可以同时选择多行（如下图所示），我们可以通过SelectionMode 和SelectionUnit 属性来修改DataGrid 的选择模式。

DefaultMode

SelectionUnit：包含Cell、FullRow 和CellOrRowHeader 三种单元选择模式。

◆Cell：选择单元格；

◆FullRow：选择全行；

◆CellOrRowHeader：可选择单元格，也可以通过点击行首选择全行；

SelectionMode：分为Extended 和Single 两种模式。

◆Extended：选择多个单元（单元格或全行，由SelectionUnit 定义）；

◆Single：选择唯一单元（单元格或全行，由SelectionUnit 定义）；

<ol class="dp-xml"><li class="alt"><DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False" </li><li> SelectionUnit="Cell" SelectionMode="Extended">… … </li></ol>

设置SelectionUnit 和SelectionMode 后的实例效果：

ModeSample

编辑

默认情况下，我们可以直接在DataGrid 中编辑数据（下表为相关的编辑命令），当然也可以通过IsReadOnly 属性将DataGrid 设置为只读方式。

<ol class="dp-xml"><li class="alt"><DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False" </li><li> SelectionUnit="Cell" SelectionMode="Extended" IsReadOnly="True">… … </li></ol>

Edit

原文标题：WPF 4 DataGrid 控件（基本功能篇）

链接：http://www.cnblogs.com/gnielee/archive/2010/04/16/wpf4-datagrid-control-basic.html

M	T	W	T	F	S	S
« Mar
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