WPF DataGridCheckBoxColumnで余白をクリックしたときに処理を行いたい

実現したいこと

DataGridを用いたWPFアプリケーションを作っています。
DatGridCheckBoxColumnのカラムに対して、余白をクリックしたときにもチェックが入るようにしたいです。

現在、キャプチャ画像のように「紐づける」カラムにDataGridCheckBoxColumnを使用しています。
ただカラム名称が少し長くなってしまい、カラム幅に対するチェックボックスが小さくなってしまいます。
デザインなども考慮した結果、チェックボックスのサイズおよびカラム名称はこのままで
青い部分をクリックしたときもチェックをON・OFF切替できれば最良となりました。
（青い部分は画像編集ソフトにて加工したものです）

疑問点

青い部分をクリックしたときのイベント（もしくはコマンド）を掴む方法を知りたいです。

ソースコード

DataGrid部分のソースは以下のようになっています。
基本的に値はBindingを用い、UIやマウスなどの操作はTriggerやコードビハインドを用いています。

C#
1        <DataGrid Grid.Row="0" FontSize="13" x:Name="DataGrid1"
2                  AutoGenerateColumns="False" CanUserAddRows="False" HeadersVisibility="All"                  
3                             
4                  VirtualizingStackPanel.IsVirtualizing="True"
5                  VirtualizingStackPanel.VirtualizationMode="Recycling"
6                  CanUserDeleteRows="False" SelectionMode="Extended" SelectionUnit="FullRow"
7                  EnableColumnVirtualization="False" EnableRowVirtualization="True"
8                  AlternatingRowBackground="LightCyan" GridLinesVisibility="None" CanUserReorderColumns="False"
9                  
10                  ItemsSource="{Binding DataGridValues}">
11
12            <DataGrid.Columns>
13                <DataGridCheckBoxColumn Binding="{Binding IsChecked}" Header="紐づける" IsReadOnly="False"/>
14                <DataGridTextColumn Binding="{Binding SelectedGroupName}" Header="グループ名" IsReadOnly="True"/>
15                <DataGridTextColumn Binding="{Binding SelectedHostName}" Header="名前" IsReadOnly="True"/>
16                <DataGridTextColumn Binding="{Binding Comment}" Header="コメント" IsReadOnly="True"/>
17            </DataGrid.Columns>
18
19            <DataGrid.CellStyle>
20                <Style TargetType="DataGridCell">
21                    <Setter Property="VerticalAlignment" Value="Center"/>
22                    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
23                </Style>
24            </DataGrid.CellStyle>
25        </DataGrid>

補足

シングルクリックかダブルクリックかはどちらでも構いません。

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

回答2件

追記です。
<DataGridCheckBoxColumn>のStyle設定で空っぽのCheckboxスタイルを割り当てる方法でもよさそうです。

xml
1<DataGrid ...>
2    <!--チェックボックスのスタイルを定義-->
3    <DataGrid.Resources>
4        <Style TargetType="CheckBox" x:Key="checkBoxStyle1" BasedOn="{StaticResource {x:Type CheckBox}}"/>
5    </DataGrid.Resources>
6    
7    <DataGrid.Columns>
8        <!-- ElementStyleでチェックボックスのスタイルを変更 -->
9        <DataGridCheckBoxColumn Binding="{Binding IsChecked}" Header="紐づける" IsReadOnly="False" ElementStyle="{ StaticResource checkBoxStyle1}" />

投稿2023/10/12 02:43

hqf00342

総合スコア396

退会済みユーザー

2023/10/12 06:33

hqf00342様追記もありがとうございます。たしかにこちらでも動作しますね！

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

ベストアンサー

<DataGridCheckBoxColumn>の代わりにカスタムコントロールを作って置くのかなと思いましたが、単純にチェックボックスを置くだけで出来そうです。<DataGridCheckBoxColumn>行を以下に変更してみて試してください。

xml
1<DataGridTemplateColumn Header="紐づける">
2    <DataGridTemplateColumn.CellTemplate>
3        <DataTemplate>
4            <CheckBox IsChecked="{Binding IsChecked}"/>
5        </DataTemplate>
6    </DataGridTemplateColumn.CellTemplate>
7</DataGridTemplateColumn>