WPF MVVM中DataGrid首行选中与自动滚动问题求助

问题分析 #

核心问题有两点：

1. SelectedIndex绑定到ViewModel属性后界面未同步——CollectionView排序后，数据源索引与UI显示索引存在更新延迟，或属性变更通知未正确触发UI刷新。
2. 即使选中首行，DataGrid不会自动滚动到目标项，必须手动调用ScrollIntoView方法。

以下是两种符合MVVM模式的解决方案：

方案一：使用附加属性（推荐，无控件耦合） #

通过自定义附加属性监听数据源变化，自动完成选中+滚动操作：

1. 定义附加属性类 #

using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;

public static class DataGridHelper
{
    public static readonly DependencyProperty AutoScrollToFirstItemProperty =
        DependencyProperty.RegisterAttached(
            "AutoScrollToFirstItem",
            typeof(bool),
            typeof(DataGridHelper),
            new PropertyMetadata(false, OnAutoScrollToFirstItemChanged));

    public static bool GetAutoScrollToFirstItem(DependencyObject obj)
    {
        return (bool)obj.GetValue(AutoScrollToFirstItemProperty);
    }

    public static void SetAutoScrollToFirstItem(DependencyObject obj, bool value)
    {
        obj.SetValue(AutoScrollToFirstItemProperty, value);
    }

    private static void OnAutoScrollToFirstItemChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is DataGrid dataGrid && (bool)e.NewValue)
        {
            var view = CollectionViewSource.GetDefaultView(dataGrid.ItemsSource);
            view.CollectionChanged += (s, args) =>
            {
                if (args.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add && dataGrid.Items.Count > 0)
                {
                    dataGrid.SelectedIndex = 0;
                    dataGrid.ScrollIntoView(dataGrid.SelectedItem);
                }
            };
        }
    }
}

2. 在XAML中引用附加属性 #

修改DataGrid的XAML代码（注意替换local为你附加属性类所在的命名空间）：

<DataGrid AutoGenerateColumns="False"
          ItemsSource="{Binding Commands}"
          local:DataGridHelper.AutoScrollToFirstItem="True">
    <!-- 你的列定义 -->
</DataGrid>

方案二：ViewModel事件通知View处理 #

通过ViewModel定义事件，View订阅后执行滚动逻辑：

1. ViewModel中添加事件 #

public class YourViewModel : INotifyPropertyChanged
{
    // 实现INotifyPropertyChanged接口的代码
    public event Action RequestScrollToFirstItem;

    // 新增记录方法
    public void AddNewRecord()
    {
        this.GridDataSource.Add(new YourDataModel("FirstColumn", DateTime.Now, "Thirdcolumn"));
        RequestScrollToFirstItem?.Invoke();
    }
}

2. View后台订阅事件 #

public partial class YourView : Window
{
    public YourView()
    {
        InitializeComponent();
        if (DataContext is YourViewModel vm)
        {
            vm.RequestScrollToFirstItem += () =>
            {
                if (yourDataGrid.Items.Count > 0)
                {
                    yourDataGrid.SelectedIndex = 0;
                    yourDataGrid.ScrollIntoView(yourDataGrid.SelectedItem);
                }
            };
        }
    }
}

额外注意事项 #

• 确保GridDataSource是ObservableCollection<T>这类实现了INotifyCollectionChanged的集合，否则CollectionView无法监听数据变化。
• 方案一默认监听所有新增操作，若需仅在特定场景触发滚动，可修改附加属性逻辑；方案二更灵活，可控制触发时机。

内容的提问来源于stack exchange，提问作者Praveen G.R