DataGridのキーボード操作を変更したい

前提・実現したいこと

DataGridのキーボード操作に関する質問です。

現状、tabキーによる行の移動は廃止しています。
ただ行内のセル移動はtabキーでも移動可で、名前のセルまで移動し、
更にtabキーをクリックするとButtonにフォーカスが当たるようになっています。

実現したいことは以下となります。

Buttonからtabキーによって再度DataGridに戻ってきた時に、
1行目のIDセルではなく、すでに選択済みの行に直接フォーカスが戻ってくるようにしたいです。

現状の画像では、3行目が選択されている状態で一旦tabキーでDataGridを離れ、
再度戻ってきた状態の画像で、1行目のIDセルにフォーカスが当たっているのが分かります。
これを直接3行目にフォーカスが当たっているようにしたいのです。

もしくは、
再度DataGridに戻ってきた時に、1行目でも構わないのですが、
IDのセルのみにフォーカスが当たるのではなく、
1行全体にフォーカスが当たる（背景色が変わるなど）ようにするにはどうすれば良いのでしょうか？

以上よろしくお願いいたします。

現状

該当のソースコード

<Grid>
        <DataGrid Name="dataGrid01"
                  AutoGenerateColumns="False"
                  KeyboardNavigation.TabNavigation="Once"
                  Margin="0,37,0,76">

            <!--各行スタイル-->
            <DataGrid.RowStyle>
                <Style TargetType="DataGridRow">
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver"
                                 Value="True">
                            <Setter Property="Background"
                                    Value="Green" />
                            <Setter Property="Foreground"
                                    Value="Black" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </DataGrid.RowStyle>

            <!--各セルスタイル-->
            <DataGrid.CellStyle>
                <Style TargetType="DataGridCell">
                    <Style.Triggers>
                        <Trigger Property="IsSelected"
                                 Value="True">
                            <Setter Property="Background"
                                    Value="Orange" />
                            <Setter Property="Foreground"
                                    Value="Black" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </DataGrid.CellStyle>

            <DataGrid.Columns>

                <DataGridTextColumn Header="ID"
                                    Binding="{Binding Id}"></DataGridTextColumn>
                <DataGridTextColumn Header="名前"
                                    Width="*"
                                    Binding="{Binding Name}"></DataGridTextColumn>

            </DataGrid.Columns>

        </DataGrid>
        <Button Content="Button"
                HorizontalAlignment="Left"
                Margin="417,270,0,0"
                VerticalAlignment="Top"
                Width="75" />
    </Grid>

補足情報（データ側のコード）

public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            List<Book> books = new List<Book>();

            books.Add(new Book() { Id = 1, Name = "太郎" });
            books.Add(new Book() { Id = 2, Name = "花子" });
            books.Add(new Book() { Id = 3, Name = "次郎" });

            dataGrid01.ItemsSource = books;
        }

        public class Book
        {
            public int Id { get; set; }
            public string Name { get; set; }
        }
    }

行動規範の内容に同意します

回答1件

ベストアンサー

DataGrid のいわゆるセルの選択状態には二種類あります。
一つはフォーカスが当たっている状態で、これをカレントセルと呼びます。
もう一つはユーザーによって選択マークを付けられた状態で、これを選択セルと呼びます。

この質問の場合は、タブによってカレントセルが移動し、それに伴ってカレントセルが選択されて選択セルになっている状態です。
カレントセルが移動するとセルの選択も一緒に移動するので一見同じもののように見えますが、これらは違うものです。

さらにタブを押して DataGrid からフォーカスが外れてボタンにフォーカスが移った場合、カレントセルは無くなります。
これは DataGrid のカレントセルにデータバインディングした時に必要な挙動です。
この場合、カレントセルは無くなりますが、選択セルは選択されたまま残ります。

ボタンからフォーカスが戻ってきたとき、カレントセルは null なので新しく最初のセルがカレントセルになります。
しかし選択セルは前回のまま残り、カレントセルが次に移動したときにカレントセルが選択されます。

つまり、フォーカスが DataGrid に戻ってきた時にはまだ元のセルが選択されているので、カレントをそこに移動させればいいわけです。
具体的には GotFocus イベントをハンドルしてカレントセルが選択されていなければ選択セルの位置を入手し(dataGrid01.Items.IndexOf(dataGrid01.SelectedCells[0]))、そこをカレントにしてください。

[WPF] DATAGRID の CURRENTCELL をコードから設定する。

投稿2018/04/13 13:34

編集2018/04/13 13:35