WPF and Silverlight学习笔记（二十五）

WPF and Silverlight学习笔记（二十五）2010-12-17 博客园龙腾于海WPF and Silverlight学习笔记（二十五）：使用CollectionView实现对绑定数据的排序、筛选、分组

在第二十三节，我们使用CollectionView实现了对于绑定数据的导航，除导航功能外，还可以通过CollectionView对数据进行类似于DataView的排序、筛选等功能。

一、数据的排序：

使用第二十四节的数据源，查询所有的产品信息：

1: <Window  x:Class="WPF_24.CollectionViewSortData"
2:    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation& quot;
3:    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4:   xmlns:lib="clr- namespace:WPF_24_Library;assembly=WPF_24_Library"
5:    Title="CollectionViewSortData" Height="300"  Width="500">
6:   <Window.Resources>
7:     <ObjectDataProvider  x:Key="myDataSource"
8:                ObjectType="{x:Type lib:DataControl}"
9:                MethodName="GetAllProductInfo" />
10:   </Window.Resources>
11:   <Grid  Margin="5">
12:      <Grid.RowDefinitions>
13:       <RowDefinition  />
14:       <RowDefinition Height="50"  />
15:     </Grid.RowDefinitions>
16:      <ListBox Grid.Row="0"
17:          DataContext="{StaticResource myDataSource}"
18:          ItemsSource="{Binding}">
19:        <ListBox.ItemTemplate>
20:          <DataTemplate>
21:            <WrapPanel>
22:             <TextBlock  Text="{Binding Path=ProductID}" Width="50"  />
23:             <TextBlock Text=" {Binding Path=ProductName}" Width="300" />
24:             <TextBlock Text="{Binding  Path=UnitPrice}" Width="50" />
25:            </WrapPanel>
26:          </DataTemplate>
27:        </ListBox.ItemTemplate>
28:     </ListBox>
29:     <WrapPanel Grid.Row="1"  VerticalAlignment="Center"  HorizontalAlignment="Center">
30:        <TextBlock Text="第一排序："  VerticalAlignment="Center" />
31:        <ComboBox SelectedIndex="0" Width="80"  x:Name="cmbColumnA">
32:          <ComboBox.Items>
33:           <ComboBoxItem  Tag="ProductID">产品编号</ComboBoxItem>
34:            <ComboBoxItem  Tag="ProductName">产品名称</ComboBoxItem>
35:            <ComboBoxItem Tag="UnitPrice"> 产品单价</ComboBoxItem>
36:          </ComboBox.Items>
37:       </ComboBox> 
38:       <TextBlock Text="第二排序："  VerticalAlignment="Center" />
39:        <ComboBox SelectedIndex="0" Width="80"  x:Name="cmbColumnB">
40:          <ComboBox.Items>
41:           <ComboBoxItem  Tag="ProductID">产品编号</ComboBoxItem>
42:            <ComboBoxItem  Tag="ProductName">产品名称</ComboBoxItem>
43:            <ComboBoxItem Tag="UnitPrice"> 产品单价</ComboBoxItem>
44:          </ComboBox.Items>
45:       </ComboBox>
46:       <Button Content="排序"  Margin="10,0,0,0" Click="Button_Click" />  
47:     </WrapPanel>
48:   </Grid>
49: </Window>