首页 > 代码库 > 使用CollectionViewSource,通过Xaml绑定自动排序
使用CollectionViewSource,通过Xaml绑定自动排序
这个是一个完成分组和排序功能的Datagrid,同样只是简单的绑定到List集合,后台不用额外的代码,所有功能都在Xaml中完成:
首先在UI中定义CollectionViewSource资源,在这里定义排序和分组的规则
WPF中定义如下:
引入命名空间:xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
- <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中定义如下:
[xhtml] view plaincopyprint?
- <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>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。