使用CollectionViewSource，通过Xaml绑定自动排序

这个是一个完成分组和排序功能的Datagrid，同样只是简单的绑定到List集合，后台不用额外的代码，所有功能都在Xaml中完成：

首先在UI中定义CollectionViewSource资源，在这里定义排序和分组的规则

WPF中定义如下：

 

<Window.Resources>
    <CollectionViewSource x:Key="ProductsGroup" Source="{Binding Products}">
<- 分组描述->
      <CollectionViewSource.GroupDescriptions>
        <PropertyGroupDescription PropertyName="ProductDate" />
      </CollectionViewSource.GroupDescriptions>
<--排序描述-->
      <CollectionViewSource.SortDescriptions>
        <scm:SortDescription PropertyName="ProductDate" Direction="Descending" />
        <scm:SortDescription PropertyName="ID" Direction="Ascending" />
      </CollectionViewSource.SortDescriptions>
    </CollectionViewSource>
  </Window.Resources>

...
...

<DataGrid DataContext="{StaticResource ProductsGroup}" AutoGenerateColumns="False"
                ItemsSource="{Binding}" SelectedItem="{Binding SelectedProduct}" CanUserAddRows="False">
        <DataGrid.GroupStyle>
          <GroupStyle>
            <GroupStyle.HeaderTemplate>
              <DataTemplate>
                <TextBlock  x:Name="txt"  Background="LightBlue" FontWeight="Bold"
                            Foreground="White" Margin="1" Padding="4,2,0,2"
                            Text="{Binding Name,StringFormat='生产日期：/{0/}'}" />
              </DataTemplate>
            </GroupStyle.HeaderTemplate>
          </GroupStyle>
        </DataGrid.GroupStyle>
        <DataGrid.Columns>
          <DataGridTextColumn Binding="{Binding ID}" Header="编号" />
          <DataGridTextColumn Binding="{Binding Name}" Header="名称" />
          <DataGridTextColumn Binding="{Binding Desc}" Header="说明" />
        </DataGrid.Columns>
      </DataGrid>

<Window.Resources> <CollectionViewSource x:Key="ProductsGroup" Source="{Binding Products}"> <CollectionViewSource.GroupDescriptions> <PropertyGroupDescription PropertyName="ProductDate" /> </CollectionViewSource.GroupDescriptions> <CollectionViewSource.SortDescriptions> <scm:SortDescription PropertyName="ProductDate" Direction="Descending" /> <scm:SortDescription PropertyName="ID" Direction="Ascending" /> </CollectionViewSource.SortDescriptions> </CollectionViewSource> </Window.Resources> ... ... <DataGrid DataContext="{StaticResource ProductsGroup}" AutoGenerateColumns="False" ItemsSource="{Binding}" SelectedItem="{Binding SelectedProduct}" CanUserAddRows="False"> <DataGrid.GroupStyle> <GroupStyle> <GroupStyle.HeaderTemplate> <DataTemplate> <TextBlock x:Name="txt" Background="LightBlue" FontWeight="Bold" Foreground="White" Margin="1" Padding="4,2,0,2" Text="{Binding Name,StringFormat='生产日期：/{0/}'}" /> </DataTemplate> </GroupStyle.HeaderTemplate> </GroupStyle> </DataGrid.GroupStyle> <DataGrid.Columns> <DataGridTextColumn Binding="{Binding ID}" Header="编号" /> <DataGridTextColumn Binding="{Binding Name}" Header="名称" /> <DataGridTextColumn Binding="{Binding Desc}" Header="说明" /> </DataGrid.Columns> </DataGrid> 

 

SL中定义如下：

 

<UserControl.Resources>
    <CollectionViewSource x:Key="ProductsGroup" Source="{Binding Products}">
        <CollectionViewSource.GroupDescriptions>
            <PropertyGroupDescription PropertyName="ProductDate" />
        </CollectionViewSource.GroupDescriptions>
        <CollectionViewSource.SortDescriptions>
            <scm:SortDescription PropertyName="ProductDate" Direction="Descending" />
            <scm:SortDescription PropertyName="ID" Direction="Ascending" />
        </CollectionViewSource.SortDescriptions>
    </CollectionViewSource>
  </UserControl.Resources>

...
...

<sdk:DataGrid DataContext="{StaticResource ProductsGroup}" AutoGenerateColumns="False"
                ItemsSource="{Binding}" SelectedItem="{Binding SelectedProduct}" Width="300" >
        <sdk:DataGrid.Columns>
            <sdk:DataGridTextColumn Binding="{Binding ID}" Header="编号" />
            <sdk:DataGridTextColumn Binding="{Binding Name}" Header="名称" />
            <sdk:DataGridTextColumn Binding="{Binding Desc}" Header="说明" />
        </sdk:DataGrid.Columns>
      </sdk:DataGrid>