ScrollIntoView不會滾動到DataGrid中的SelectedItem

Question

我正在使用模型來選擇DataGrid中的項目，如下所示：

public ObservableCollection<MyModel> Models{
   get {return m_Models; }
}

public MyModel SelectedModel
{
   get{ return m_SelectedModel; }
   set{
        m_SelectedModel = value;
    }
    NotifyPropertyChanged("SelectedModel");
    NotifyPropertyChanged("Models");
}

這兩個公共屬性在作為窗口數據上下文的模型中。 Observable Collection綁定到數據網格，SelectedItem綁定到SelectedModel，就像在XAML中一樣：

<DataGrid x:Name="MyDataGrid" AutoGenerateColumns="False" IsReadOnly="True" CanUserResizeColumns="True" CanUserAddRows="False" CanUserSortColumns="True"
                                  SelectionMode="Single" SelectionChanged="DataGrid_SelectionChanged" ItemsSource="{Binding Models}"
                                  CanUserResizeRows="False" IsTextSearchEnabled="True" RowHeaderWidth="0" SelectedItem="{Binding SelectedModel, Mode=TwoWay, NotifyOnTargetUpdated=True, NotifyOnSourceUpdated=True}" Grid.ColumnSpan="2" Margin="0,0,-0.4,-0.4">

因此，每當我更改SelectedModel時，數據網格中的SelectedItem都會更新。 這工作得很好，我已經能夠基於SelectedItem填充其他數據。 確實，我的DataGrid_SelectionChanged事件處理程序在設置SelectedModel時被調用。

但是，無論何時選擇新項目，我都希望數據網格自動滾動以顯示SelectedItem。 我嘗試了多種方法使它正常工作，但無濟於事。 這是我嘗試過的幾件事（已確認此功能已通過調試器調用）：

    private void DataGrid_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        if(MyDataGrid.SelectedItem != null)
        {
           //All 3 of these have been tried separately and do not work
           MyDataGrid.ScrollIntoView(MyDataGrid.SelectedItem);
           MyDataGrid.ScrollIntoView(MyDataGrid.Items[MyDataGrid.SelectedIndex]);
           MyDataGrid.ScrollIntoView(_model.SelectedModel); //Didn't expect this one to work but just want to show that I'm trying things out here
        }
    }

我已經查看了ScrollIntoView的其他問題，但似乎都無法解決我的問題。 我將不勝感激。 謝謝。

Answer 1

不知道為什么它對您不起作用，但是它肯定可以正常工作。 在下面查看演示應用程序代碼：

XAML

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">

    <Grid>
        <DataGrid x:Name="MyDataGrid" AutoGenerateColumns="False" IsReadOnly="True" CanUserResizeColumns="True" CanUserAddRows="False" CanUserSortColumns="True"
                  SelectionMode="Single" SelectionChanged="DataGrid_SelectionChanged" ItemsSource="{Binding Items}"
                  CanUserResizeRows="False" IsTextSearchEnabled="True" RowHeaderWidth="0" SelectedItem="{Binding SelectedItem, Mode=TwoWay, NotifyOnTargetUpdated=True, NotifyOnSourceUpdated=True}"
                  Grid.ColumnSpan="2" Margin="0,0,-0.4,-0.4">
            <DataGrid.Resources>
                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Red" />
                <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey }" Color="Red" />
            </DataGrid.Resources>
            <DataGrid.Columns>
                <DataGridTextColumn Header="Id" Binding="{Binding Id}" />
                <DataGridTextColumn Header="Name" Binding="{Binding Name}" />
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

類文件

using System;
using System.ComponentModel;
using System.Linq;
using System.Timers;
using System.Windows;

namespace WpfApplication1
{
    public class Model
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }

    public class ViewModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private readonly Model[] items;

        public ViewModel()
        {
            items = Enumerable.Range(1, 101)
                              .Select(x => new Model
                              {
                                  Id = x,
                                  Name = $"Item {x}"
                              })
                              .ToArray();
        }

        public Model[] Items => items;

        private Model selectedItem;
        public Model SelectedItem
        {
            get { return selectedItem; }
            set
            {
                selectedItem = value;
                PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(SelectedItem)));
            }
        }

    }

    public partial class MainWindow : Window
    {
        private readonly Timer timer;
        private readonly ViewModel model;
        private readonly Random random;

        public MainWindow()
        {
            InitializeComponent();
            model = new ViewModel();
            random = new Random();
            timer = new Timer(2000);

            DataContext = model;

            timer.Elapsed += Timer_Elapsed;
            timer.Start();
        }

        private void Timer_Elapsed(Object sender, ElapsedEventArgs e)
        {
            var index = random.Next(model.Items.Length);
            model.SelectedItem = model.Items[index];
        }

        private void DataGrid_SelectionChanged(Object sender, System.Windows.Controls.SelectionChangedEventArgs e)
        {
            if (MyDataGrid.SelectedItem != null)
            {
                MyDataGrid.ScrollIntoView(MyDataGrid.SelectedItem);
            }
        }

        protected override void OnClosing(CancelEventArgs e)
        {
            base.OnClosing(e);

            timer.Stop();
            timer.Dispose();
        }
    }
}

在我看來，您的代碼正在執行某些操作，可能會阻止框架滾動網格。

Answer 2

我能夠使ScrollIntoView工作，但是我需要將ScrollToView函數放入數據網格的Loaded回調中。 以下是解決問題的示例：

    private void DataGrid_Loaded(object sender, RoutedEventArgs e)
    {
        if(MyDataGrid.SelectedItem != null)
        {
            MyDataGrid.ScrollIntoView(MyDataGrid.SelectedItem);
        }
    }

我的猜測是，數據網格沒有完全加載到SelectionChanged事件上，因此沒有滾動到正確的位置。