Import for customer defined columns

DataGridTemplateColumn to show any types of data by defining your own cell template.

比如要定義一個顯示圖片的列：

<DataGrid.Columns>
<DataGridTemplateColumn Header="Image" Width="SizeToCells" IsReadOnly="True">
    <DataGridTemplateColumn.CellTemplate>
     <DataTemplate>
         <Image Height="80" Source="{Binding Image}" />
     </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>

3. Selection

通過設(shè)置DataGrid的SelectionMode,SelectionUnit屬性,，可以控制運行時我們能過選中的Cell or Row 的模式。

SelectionMode.Single 每次只能選中單行,；

SelectionMode.Extended 可以選中多行,；

SelectionUnit.Cell 每次只能選中cell;

SelectionUnit.FullRow 每次只能選中row;

SelectionUnit.CellorRowHeader 可選中cell，也可通過RowHeader選中row.

4. Column sorting, reordering and resizing

我們可以通過幾個簡單的屬性實現(xiàn)很酷的功能：

CanUserReorderColumns enables or disables column re-ordering

CanUserResizeColumns enables or disables column resizing

CanUserResizeRows enables or disables row resizing

CanUserSortColumns enables or disables column sorting

These properties’ default values are “True”, like:

<DataGrid ItemsSource="{Binding Customers}" 
          CanUserReorderColumns="True"

          CanUserResizeColumns="True"

          CanUserResizeRows="True”

           CanUserSortColumns="True"/>

5. Grouping

首先要使用能夠分組的數(shù)據(jù)源,，見demo.

Like this:

GroupedCustomers = new ListCollectionView(Customers);
GroupedCustomers.GroupDescriptions.Add(new PropertyGroupDescription("Gender")); 

重要的是你還要在xaml文件中定義模板來顯示分組,， It should be like this:

<DataGrid AutoGenerateColumns="True"                   ItemsSource="{Binding GroupedCustomers}">
<DataGrid.GroupStyle>
<GroupStyle>
    <GroupStyle.HeaderTemplate>
     <DataTemplate>
        <StackPanel>
        <TextBlock Text="{Binding Path=Name}" FontWeight="Bold" Padding="3"/>
        </StackPanel>
     </DataTemplate>
    </GroupStyle.HeaderTemplate>
    <GroupStyle.ContainerStyle>
     <Style TargetType="{x:Type GroupItem}">
      <Setter Property="Template">
       <Setter.Value>
         <ControlTemplate TargetType="{x:Type GroupItem}">
          <Expander>
          <Expander.Header>
            <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding Path=Name}" />
          <TextBlock Text="{Binding Path=ItemCount}" Margin="8,0,4,0"/>
            <TextBlock Text="Items"/>
            </StackPanel>
          </Expander.Header>
          <ItemsPresenter />
          </Expander>
         </ControlTemplate>
       </Setter.Value>
      </Setter>
     </Style>
    </GroupStyle.ContainerStyle>
</GroupStyle>
</DataGrid.GroupStyle>
</DataGrid>

<DataGrid.RowDetailsTemplate>
    <DataTemplate>
     <Image Height="100" Source="{Binding Image}" />
    </DataTemplate>
</DataGrid.RowDetailsTemplate>

public class GenderTemplateSelector : DataTemplateSelector
{
    public DataTemplate MaleTemplate { get; set; }
    public DataTemplate FemaleTemplate { get; set; }   

    public override DataTemplate SelectTemplate(object item, 
                  DependencyObject container)
    {
        var customer = item as Customer;
        if (customer == null)
            return base.SelectTemplate(item, container);

        if( customer.Gender == Gender.Male)
        {
            return MaleTemplate;
        }
        return FemaleTemplate;
    }
}   

<l:GenderTemplateSelector x:Key="genderTemplateSelector">
    <l:GenderTemplateSelector.MaleTemplate>
        <DataTemplate>
            <Grid Background="LightBlue">
                <Image Source="{Binding Image}" Width="50" />
            </Grid>
        </DataTemplate>
    </l:GenderTemplateSelector.MaleTemplate>
    <l:GenderTemplateSelector.FemaleTemplate>
        <DataTemplate>
            <Grid Background="Salmon">
                <Image Source="{Binding Image}" Width="50" />
            </Grid>
        </DataTemplate>
    </l:GenderTemplateSelector.FemaleTemplate>
</l:GenderTemplateSelector>   

<DataGrid ItemsSource="{Binding Customers}" 
          RowDetailsTemplateSelector="{StaticResource genderTemplateSelector}" />