【C#】【MVVM】DataGridの先頭行、最終行への移動をViewModelで実現したい

前提・実現したいこと

C#でのMVVM初心者です。
MVVMフレームワークとして、Prismを利用しています。
Clickイベントの動作をViewModelで実現したいです。
ScrollIntoViewの実装方法が知りたいです。
よろしくお願いします。

発生している問題・エラーメッセージ

該当のソースコード

xaml
1<Window x:Class="WPFDataGrid.Views.MainWindow"
2        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4        xmlns:prism="http://prismlibrary.com/"
5        prism:ViewModelLocator.AutoWireViewModel="True"
6        Title="{Binding Title}" Height="600" Width="800" >
7    <Grid>
8        <ContentControl prism:RegionManager.RegionName="ContentRegion" />
9        <StackPanel
10            Orientation="Vertical">
11            <DataGrid
12                Name="DataGrid1"
13                Height="450"
14                AutoGenerateColumns="True"
15                HorizontalScrollBarVisibility="Auto"
16                VerticalScrollBarVisibility="Auto"
17                IsReadOnly="True"                          
18                ItemsSource="{Binding Path=DataSource1.Value}"/>
19            <Button
20                Name="BtnTopLine"
21                Height="50" 
22                Click="BtnTopLine_Click">
23                先頭行へ
24            </Button>
25            <Button
26                Name="BtnLastLine"
27                Height="50" 
28                Click="BtnLastLine_Click">
29                最終行へ
30            </Button>
31        </StackPanel>        
32    </Grid>
33</Window>

xamlcs
1using System.Data;
2using System.Windows;
3
4namespace WPFDataGrid.Views
5{
6    /// <summary>
7    /// Interaction logic for MainWindow.xaml
8    /// </summary>
9    public partial class MainWindow : Window
10    {
11        public MainWindow()
12        {
13            InitializeComponent();
14        }
15
16        private void BtnTopLine_Click(object sender, RoutedEventArgs e)
17        {
18            this.DataGrid1.Focus();
19            // 先頭行へ移動
20            this.DataGrid1.ScrollIntoView(this.DataGrid1.Items[0]);
21        }
22
23        private void BtnLastLine_Click(object sender, RoutedEventArgs e)
24        {
25            this.DataGrid1.Focus();
26            DataTable _dt = ((DataView)this.DataGrid1.ItemsSource).ToTable();
27            // 最終行へ移動
28            this.DataGrid1.ScrollIntoView(this.DataGrid1.Items[_dt.Rows.Count - 1]);
29        }
30    }
31}

ViewModel
1using Prism.Mvvm;
2using Reactive.Bindings;
3using System.Data;
4
5namespace WPFDataGrid.ViewModels
6{
7    public class MainWindowViewModel : BindableBase
8    {
9        private string _title = "Prism Application";
10        public string Title
11        {
12            get { return _title; }
13            set { SetProperty(ref _title, value); }
14        }
15
16        public ReactiveProperty<DataTable> DataSource1 { set; get; } = 
17            new ReactiveProperty<DataTable>();
18
19        public MainWindowViewModel()
20        {
21            // データテーブル
22            int _columnCount = 100;
23            int _rowCount = 100;
24            DataTable _dt = new DataTable();
25            // 列の生成
26            for (int _i = 0; _i < _columnCount; _i++)
27            {
28                _dt.Columns.Add("Column" + _i.ToString());
29            }
30            // 行の追加
31            for (int _i = 0; _i < _rowCount; _i++)
32            {
33                DataRow _row = _dt.NewRow();
34                for (int _k = 0; _k < _columnCount; _k++)
35                {
36                    _row[_k] = $"{_i}-{_k}";
37                }
38                _dt.Rows.Add(_row);
39            }
40            // データテーブルのバインド
41            DataSource1.Value = _dt;
42        }
43    }
44}
45

試したこと

補足情報（FW/ツールのバージョンなど）

Visual Studio Community 2019 ver.16.11.8
Prism.Unity ver.8.1.97
ReactiveProperty ver.8.0.3

回答1件

ベストアンサー

Clickイベントの動作をViewModelで実現したいです。

「ボタンを押したらViewModelの何かの処理をする」ような場合は、コマンド（ICommand）を使います。

Commanding | Prism

MVVM をリアクティブプログラミングで快適に ReactiveProperty オーバービュー 2020 年版中編 - Qiita

ReactiveCommand（ReactivePropertyのICommand実装）でもほぼ同じですが、現状Reactive要素がまったくないので
DelegateCommand（PrismのICommand実装）でやりました。

しかしこれではViewModelがDataGridに依存しますしテストもしにくく、あまりメリットがない気がします。
こうするぐらいならまだコードビハインドのほうがましだったと（個人的には）感じます。

ScrollIntoViewの実装方法が知りたいです。

実装できていると思うんですが、↑の話を踏まえてMVVMでのよりよい実装って意味ですか？

MVVM絶対主義者（コードビハインドを書いたら負け勢）は、BehaviorとかTriggerActionとかでやるんですかね？（わたしは絶対主義者ではありません）
試しにやってみましたが、xamlが長くなっただけな気もします^^;

xaml
1<Window
2  x:Class="Questions375184.Views.MainWindow"
3  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5  xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
6  xmlns:prism="http://prismlibrary.com/"
7  xmlns:v="clr-namespace:Questions375184.Views"
8  Title="{Binding Title}"
9  Width="800"
10  Height="600"
11  prism:ViewModelLocator.AutoWireViewModel="True">
12  <DockPanel>
13    <!--<ContentControl prism:RegionManager.RegionName="ContentRegion" />-->
14    <StackPanel DockPanel.Dock="Bottom" Orientation="Vertical">
15      <Button Click="BtnTopLine_Click" Content="BtnTopLine_Click" />
16      <Button Click="BtnLastLine_Click" Content="BtnLastLine_Click" />
17      
18      <Separator />
19      
20      <Button
21        Command="{Binding ScrollTopCommand}"
22        CommandParameter="{Binding ElementName=DataGrid1}"
23        Content="ScrollTopCommand" />
24      <Button
25        Command="{Binding ScrollEndCommand}"
26        CommandParameter="{Binding ElementName=DataGrid1}"
27        Content="ScrollEndCommand" />
28      
29      <Separator />
30      
31      <Button Content="ScrollTopAction">
32        <i:Interaction.Triggers>
33          <i:EventTrigger EventName="Click">
34            <v:ScrollTopAction TargetObject="{Binding ElementName=DataGrid1}" />
35          </i:EventTrigger>
36        </i:Interaction.Triggers>
37      </Button>
38      <Button Content="ScrollEndAction">
39        <i:Interaction.Triggers>
40          <i:EventTrigger EventName="Click">
41            <v:ScrollEndAction TargetObject="{Binding ElementName=DataGrid1}" />
42          </i:EventTrigger>
43        </i:Interaction.Triggers>
44      </Button>
45    </StackPanel>
46    
47    <DataGrid
48      Name="DataGrid1"
49      IsReadOnly="True"
50      ItemsSource="{Binding DataSource1}" />
51  </DockPanel>
52</Window>

C#
1using System.Windows;
2using Microsoft.Xaml.Behaviors;
3using System.Windows.Controls;
4
5namespace Questions375184.Views
6{
7    public partial class MainWindow : Window
8    {
9        public MainWindow() => InitializeComponent();
10
11        private void BtnTopLine_Click(object sender, RoutedEventArgs e)
12        {
13            DataGrid1.Focus();
14            DataGrid1.ScrollIntoView(DataGrid1.Items[0]);
15        }
16
17        private void BtnLastLine_Click(object sender, RoutedEventArgs e)
18        {
19            DataGrid1.Focus();
20            DataGrid1.ScrollIntoView(DataGrid1.Items[^1]);
21        }
22    }
23
24    public class ScrollTopAction : TargetedTriggerAction<DataGrid>
25    {
26        protected override void Invoke(object parameter)
27        {
28            Target.Focus();
29            Target.ScrollIntoView(Target.Items[0]);
30        }
31    }
32
33    public class ScrollEndAction : TargetedTriggerAction<DataGrid>
34    {
35        protected override void Invoke(object parameter)
36        {
37            Target.Focus();
38            Target.ScrollIntoView(Target.Items[^1]);
39        }
40    }
41}

C#
1using System.Data;
2using System.Windows.Controls;
3using Prism.Commands;
4using Prism.Mvvm;
5
6namespace Questions375184.ViewModels
7{
8    public class MainWindowViewModel : BindableBase
9    {
10        public string Title { get => _title; set => SetProperty(ref _title, value); }
11        private string _title = "Prism Application";
12
13        public DataTable DataSource1 { get => _dataSource1; set => SetProperty(ref _dataSource1, value); }
14        private DataTable _dataSource1;
15
16        public DelegateCommand<DataGrid> ScrollTopCommand { get; }
17        public DelegateCommand<DataGrid> ScrollEndCommand { get; }
18
19
20        public MainWindowViewModel()
21        {
22            var columnCount = 20;
23            var rowCount = 20;
24            var dt = new DataTable();
25
26            for (var i = 0; i < columnCount; i++)
27            {
28                dt.Columns.Add($"Column{i}");
29            }
30
31            for (var i = 0; i < rowCount; i++)
32            {
33                var row = dt.NewRow();
34                for (var k = 0; k < columnCount; k++)
35                {
36                    row[k] = $"{i}-{k}";
37                }
38                dt.Rows.Add(row);
39            }
40
41            DataSource1 = dt;
42
43
44            ScrollTopCommand = new DelegateCommand<DataGrid>(ScrollToTop);
45            ScrollEndCommand = new DelegateCommand<DataGrid>(ScrollToEnd);
46        }
47
48        private void ScrollToTop(DataGrid dataGrid)
49        {
50            dataGrid.Focus();
51            dataGrid.ScrollIntoView(dataGrid.Items[0]);
52        }
53
54        private void ScrollToEnd(DataGrid dataGrid)
55        {
56            dataGrid.Focus();
57            dataGrid.ScrollIntoView(dataGrid.Items[^1]);
58        }
59    }
60}