将ObservableCollection绑定到MVVM中的DataGrid

Question

我有一个DataGrid，我绑定到我的视图模型中的ObservableCollection，我需要能够在DataGrid排序时对集合进行排序，以便我可以在其他地方使用此排序顺序。我目前正在使用ObvservableCollection上的包装器来支持排序。对DataGrid进行排序时，它只对显示的数据进行排序，而不对集合中的基础数据进行排序。数据由一个整数列和一个字符串列组成，需要在两者上支持升序和降序排序。我还希望保持与标准DataGrid排序相同的用法，您可以在其中单击列标题并在升序和降序排序之间切换。我对WPF比较陌生，所以我不知道数据和命令绑定的所有细节，但我认为有一种方法可以实现我想做的事情。这是一个示例xaml来说明我的视图设置。

<DataGrid ItemsSource="{Binding mySource}" 
          Name="myDataGrid"
          CanUserResizeRows="False"
          AutoGenerateColumns="False"
          HeadersVisibility="Column" >
    <DataGrid.Columns>

      <DataGridTemplateColumn Header="Header 1" CanUserSort="True" SortMemberPath="firstValue">
        <DataGridTemplateColumn.CellTemplate>
          <DataTemplate>
            <TextBlock Text="{Binding firstValue}" />
          </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
      </DataGridTemplateColumn>

      <DataGridTemplateColumn Header="Header 2" Width="*" CanUserSort="True" SortMemberPath="secondValue">
        <DataGridTemplateColumn.CellTemplate>
          <DataTemplate>
            <TextBlock Text="{Binding secondValue}" />
          </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
      </DataGridTemplateColumn>

    </DataGrid.Columns>
</DataGrid>

源数据的类型如下：

public class myType
{
    public int firstValue { get; set; }
    public string secondValue { get; set; }

    // some functions and variables...
}

现在，就像我上面所说的，我需要按照排序顺序访问集合中的项目，但它不需要特别是ObservableCollection。只要我可以在我访问它们的当前顺序中迭代集合中的项目，一切都很好。我想的可能是ListCollectionView或其他东西。当新项目添加到集合中时，我也不希望集合重新排序。任何新项目都应该像通常会发生的那样添加到集合的末尾。

有任何想法吗？

Answer 1

DataGrid使用基于DataSource的底层ICollectionView，因此如果您直接绑定ICollectionView，您可以访问排序值，因为DataGrid将在排序时直接更改ICollectionView。

小例子：

码：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        // dummy data source / Your ObservableCollection
        var yourObservableCollection = Enumerable.Range(0, 30)
            .Select(i => new MyType { FirstValue = i, SecondValue = i.ToString() });

        // Create CollectionView based on the data you want to show
        MySource = CollectionViewSource.GetDefaultView(yourObservableCollection);
        InitializeComponent();
    }

    public ICollectionView MySource { get; set; }

    private void Button_Click_1(object sender, RoutedEventArgs e)
    {
        foreach (var item in MySource.OfType<MyType>())
        {
            Console.WriteLine("MyType - First: {0}, Second: {1}",
                item.FirstValue,
                item.SecondValue);
        }
    }
}

public class MyType
{
    public int FirstValue { get; set; }
    public string SecondValue { get; set; }
}

XAML：

<Window x:Class="WpfApplication8.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow"`enter code here` Name="UI" Width="262" Height="318">
  <Grid DataContext="{Binding ElementName=UI}">
    <DataGrid Name="myDataGrid"
              ItemsSource="{Binding MySource}"
              CanUserSortColumns="True"
              Margin="0,0,0,37" />
    <Button Content="Print To Output Window"
            HorizontalAlignment="Left"
            VerticalAlignment="Bottom"
            Margin="10,0,0,10"
            Width="144"
            Click="Button_Click_1"/>
  </Grid>
</Window>

Answer 2

我知道这是一个老问题，但是当我遇到类似的问题时，我很难找到答案，我想按照屏幕上显示的顺序打印/导出数据。虽然@ sa_ddam213的答案是正确的，但需要进行一些调整以适应MVVM模式，所以希望这个答案对其他人有用。为了实现这一点，首先添加到View Model和ICollectionView（我相信这与UI使用的数据结构相同）：

private ObservableCollection<yourDataType> tableData = new ObservableCollection<yourDataType>();    // The DataGridknow  was originally bound to this
private ICollectionView tableDataWrapper;

然后为ICollectionView添加一个新的Getter / Setter：

public ICollectionView TableDataWrapper
{
    get { return this.tableDataWrapper; }
    set
    {
        this.tableDataWrapper = value;
        OnPropertyChanged("TableDataWrapper");
    }
}

在原始的TableData Setter中，每次设置表数据时都添加一行来设置包装器：

public ObservableCollection<yourDataType> TableData
{
    get { return this.tableData; }
    set
    {
        this.tableData = value;
        this.TableDataWrapper = CollectionViewSource.GetDefaultView(tableData); // Add this
        OnPropertyChanged("TableData");
    }
}

现在更新DataGrid的Bindings，使其绑定到TableDataWrapper而不是TableData现在以排序顺序访问数据：

this.TableDataWrapper.Cast<yourDataType>().ToList<yourDataType>()

或者如果你想要它作为ObservableCollection：

new ObservableCollection( this.TableDataWrapper.Cast<yourDataType>().ToList<yourDataType>() )

Answer 3

您可以使用ICollectionView对现有集合进行排序。它位于System.ComponentModel下

代码是这样的

var collectionView = CollectionViewSource.GetDefaultView(ObservableCollection_Name);
       collectionView.SortDescriptions.Add(new SortDescription("Your Property", ListSortDirection.Descending));

在GridView或ListView中，您可以绑定现有的ObservableCollection。无需改变。