DataGrid之DataGridComboBoxColumn,DataGridCheckBoxColumn,DataGridHyperlinkColumn,DataGridTextColumn

DataGrid之DataGridComboBoxColumn,DataGridCheckBoxColumn,DataGridHyperlinkColumn,DataGridTextColumn

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

<Window x:Class="WPF4ControlTest.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:local="clr-namespace:WPF4ControlTest"

        xmlns:assembly="clr-namespace:System;assembly=mscorlib"

        Title="MainWindow" Height="200" Width="500">

    <Window.Resources>

        <ObjectDataProvider x:Key="sexEnum" MethodName="GetValues" 

                            ObjectType="{x:Type assembly:Enum}">

            <ObjectDataProvider.MethodParameters>

                <x:Type Type="local:SexOpt"/>

            </ObjectDataProvider.MethodParameters>

        </ObjectDataProvider>

    </Window.Resources>

    <Grid>

        <DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False">

            <DataGrid.Columns>

                <DataGridTextColumn Header="Name" Width="80" Binding="{Binding Name}"/>

                <DataGridTextColumn Header="Age" Width="50" Binding="{Binding Age}"/>

                <DataGridComboBoxColumn Width="80" Header="Sex" 

                                        SelectedItemBinding="{Binding Sex}" 

                                        ItemsSource="{Binding Source={StaticResource sexEnum}}"/>

                <DataGridCheckBoxColumn Header="Pass Exam?" Width="100" 

                                        Binding="{Binding Pass}"/>

                <DataGridHyperlinkColumn Header="Email" Width="150" 

                                         Binding="{Binding Email}"/>

            </DataGrid.Columns>

        </DataGrid>

    </Grid>

</Window>

using System;

using System.Windows;

using System.Collections.ObjectModel;



namespace WPF4ControlTest

{

    /// <summary>

    /// Interaction logic for MainWindow.xaml

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

            ObservableCollection<Member> memberData = new ObservableCollection<Member>();

            memberData.Add(new Member()

            {

                Name = "Joe", Age = "23", Sex = SexOpt.Male,

                Pass = true, Email = new Uri("mailto:[email protected]")

            });

            memberData.Add(new Member()

            {

                Name = "Mike", Age = "20",

                Sex = SexOpt.Male, Pass = false,

                Email = new Uri("mailto:[email protected]")

            });

            memberData.Add(new Member()

            {

                Name = "Lucy", Age = "25",

                Sex = SexOpt.Female, Pass = true,

                Email = new Uri("mailto:[email protected]")

            });

            dataGrid.DataContext = memberData;

        }

    }



    public enum SexOpt { Male, Female };



    public class Member

    {

        public string Name { get; set; }

        public string Age { get; set; }

        public SexOpt Sex { get; set; }

        public bool Pass { get; set; }

        public Uri Email { get; set; }

    }

}

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

SelectionUnit：包含Cell、FullRow 和CellOrRowHeader 三种单元选择模式。
                         · Cell：选择单元格；
                         · FullRow：选择全行；
                         · CellOrRowHeader：可选择单元格，也可以通过点击行首选择全行；

SelectionMode：分为Extended 和Single 两种模式。
                           · Extended：选择多个单元（单元格或全行，由SelectionUnit 定义）；
                           · Single：选择唯一单元（单元格或全行，由SelectionUnit 定义）；

<DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False"

          SelectionUnit="Cell" SelectionMode="Extended">… …



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

<DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False"

          SelectionUnit="Cell" SelectionMode="Extended" IsReadOnly="True">… …