如何防止 WPF DataGrid 在项目更新时取消选择 SelectedItem？

Question

我的场景：我有一个后台线程，用于轮询更改并定期更新 WPF DataGrid 的 ObservableCollection（MVVM 样式）。用户可以单击 DataGrid 中的一行，然后在同一主视图上的相邻 UserControl 中显示该行的“详细信息”。

当后台线程有更新时，它会循环遍历 ObservableCollection 中的对象，并替换单个对象（如果它们已更改）（换句话说，我不会将整个新的 ObservableCollection 重新绑定到 DataGrid，而是替换集合中的单个项目；这允许 DataGrid 在更新期间保持排序顺序）。

问题是，在用户选择特定行并且详细信息显示在相邻的 UserControl 中之后，当后台线程更新 DataGrid 时，DataGrid 会丢失 SelectedItem（它会重置回索引 -1）。

如何在 ObservableCollection 更新之间保留 SelectedItem？

Answer 1

如果您的网格是单选的，我的建议是您使用 CollectionView 作为 ItemsSource 而不是实际的 ObservableCollection。然后，确保 Datagrid.IsSynchronizedWithCurrentItem 设置为 true。最后，在“替换项目逻辑”结束时，只需将 CollectionView 的 CurrentItem 移动到相应的新项目即可。

下面的示例演示了这一点。 （不过，我在这里使用列表框。希望它能与您的数据网格配合良好）。

编辑 - 使用 MVVM 的新示例：

XAML

<Window x:Class="ContextTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Name="window"
        Title="MainWindow" Height="350" Width="525">
    <DockPanel>
        <ListBox x:Name="lb" DockPanel.Dock="Left" Width="200" 
                 ItemsSource="{Binding ModelCollectionView}"
                 SelectionMode="Single" IsSynchronizedWithCurrentItem="True">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Path=Name}"/>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

        <TextBlock Text="{Binding ElementName=lb, Path=SelectedItem.Description}"/>

    </DockPanel>
</Window>

代码隐藏：

using System;
using System.Windows;
using System.Windows.Data;
using System.Collections.ObjectModel;
using System.Windows.Threading;

namespace ContextTest
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new ViewModel();
        }
    }

    public class ViewModel
    {
        private DataGenerator dataGenerator;
        private ObservableCollection<Model> modelCollection;
        public ListCollectionView ModelCollectionView { get; private set; }

        public ViewModel()
        {
            modelCollection = new ObservableCollection<Model>();
            ModelCollectionView = new ListCollectionView(modelCollection);

            //Create models
            for (int i = 0; i < 20; i++)
                modelCollection.Add(new Model() { Name = "Model" + i.ToString(), 
                    Description = "Description for Model" + i.ToString() });

            this.dataGenerator = new DataGenerator(this);
        }

        public void Replace(Model oldModel, Model newModel)
        {
            int curIndex = ModelCollectionView.CurrentPosition;
            int n = modelCollection.IndexOf(oldModel);
            this.modelCollection[n] = newModel;
            ModelCollectionView.MoveCurrentToPosition(curIndex);
        }
    }

    public class Model
    {
        public string Name { get; set; }
        public string Description { get; set; }
    }

    public class DataGenerator
    {
        private ViewModel vm;
        private DispatcherTimer timer;
        int ctr = 0;

        public DataGenerator(ViewModel vm)
        {
            this.vm = vm;
            timer = new DispatcherTimer(TimeSpan.FromSeconds(5), 
                DispatcherPriority.Normal, OnTimerTick, Dispatcher.CurrentDispatcher);
        }

        public void OnTimerTick(object sender, EventArgs e)
        {
            Random r = new Random();

            //Update several Model items in the ViewModel
            int times = r.Next(vm.ModelCollectionView.Count - 1);
            for (int i = 0; i < times; i++)
            {   
                Model newModel = new Model() 
                    { 
                        Name = "NewModel" + ctr.ToString(),
                        Description = "Description for NewModel" + ctr.ToString()
                    };
                ctr++;

                //Replace a random item in VM with a new one.
                int n = r.Next(times);
                vm.Replace(vm.ModelCollectionView.GetItemAt(n) as Model, newModel);
            }
        }
    }
}

旧示例：

XAML：

<Window x:Class="ContextTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <StackPanel>
        <ListBox x:Name="lb" SelectionMode="Single" IsSynchronizedWithCurrentItem="True" SelectionMode="Multiple">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Path=Name}"/>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

        <TextBlock Text="{Binding ElementName=lb, Path=SelectedItem.Name}"/>
        <Button Click="Button_Click">Replace</Button>


    </StackPanel>
</Window>

代码隐藏：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Collections.ObjectModel;
using System.ComponentModel;

namespace ContextTest
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        ObservableCollection<MyClass> items;
        ListCollectionView lcv;

        public MainWindow()
        {
            InitializeComponent();

            items = new ObservableCollection<MyClass>();
            lcv = (ListCollectionView)CollectionViewSource.GetDefaultView(items);
            this.lb.ItemsSource = lcv;
            items.Add(new MyClass() { Name = "A" });
            items.Add(new MyClass() { Name = "B" });
            items.Add(new MyClass() { Name = "C" });
            items.Add(new MyClass() { Name = "D" });
            items.Add(new MyClass() { Name = "E" });

        }

        public class MyClass
        {
            public string Name { get; set; }
        }

        int ctr = 0;
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MyClass selectedItem = this.lb.SelectedItem as MyClass;
            int index = this.items.IndexOf(selectedItem);
            this.items[index] = new MyClass() { Name = "NewItem" + ctr++.ToString() };
            lcv.MoveCurrentToPosition(index);
        }

    }
}

Answer 2

我没有使用过 WPF DataGrid，但我会尝试这种方法：

向视图模型添加一个属性，该属性将保存当前所选项目的值。

使用 TwoWay 将 SelectedItem 绑定到这个新属性。

这样，当用户选择一行时，它将更新视图模型，并且当 ObservableCollection 更新时，它不会影响 SelectedItem 绑定的属性。受到束缚，我不认为它会以你所看到的方式重置。

Answer 3

您可以在更新 Collection 的逻辑中，将 CollectionView.Current 项引用保存到另一个变量。然后，完成更新后，调用 CollectionView.MoveCurrentTo(variable) 来重置所选项目。

Answer 4

现在可能已经解决了，但这是我所做的一个示例，它适用于购物车网格。
我有一个带有 ObservableCollection 和 CollectionView 的数据网格，由包含购物车的局部变量填充：

        _cartsObservable = new ObservableCollection<FormOrderCart>(_formCarts);
        _cartsViewSource = new CollectionViewSource { Source = _cartsObservable };
        CartsGrid.ItemsSource = _cartsViewSource.View;

稍后我在函数中更改了购物车的 Valid 属性 - 不是直接更改，但重要的是 ObservableCollection 中的项目发生了更改。为了反映更改并维护选择，我只需刷新 CollectionViewSource（注意内部视图）：

        var cart = _formCarts.ElementAt(index-1);
        cart.Valid = validity;
        _cartsViewSource.View.Refresh();

这样，如果购物车无效，我可以将网格中的行颜色更改为红色，但也保留我的选择。

编辑：拼写