DataGridCheckboxColumn two way binding

Question

I am using the DataGrid from the WPF toolkit in .NET 3.5.

I have a datagrid column bound to a boolean property from my source object.

The checkbox is calling the boolean's properties get accessor correctly.

However when checking or unchecking the box the get instead of the set is being called.

<DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Object,  Source={StaticResource model}, Mode=TwoWay}">
        <DataGrid.Columns>
            <DataGridCheckBoxColumn Binding="{Binding BoolProperty, mode=TwoWay}"/>                
        </DataGrid.Columns>
</DataGrid>

When I instead use a DataGridTemplateColumn with a Checkbox in it the property is set correctly however then it is more complicated to create a nice layout.

<DataGridTemplateColumn>
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <CheckBox IsChecked="{Binding BoolProperty, Mode=TwoWay}"/>                            
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

What am I doing wrong using the DataGridCheckBoxColumn?

Gaylagayle

Answer 1

In a DataGrid the bindings do not get committed until you end editing of the row/cell. If you press enter the binding will apply back to the source.

Using a template like this overrides that behaviour, i wouldn't recommend that though. Also setting TwoWay explicitly should not be necessary.

Hangeron

Ok thanks in this case the behaviour is necessary as when the user checks the box I want to visually update something on the screen. Is there are way to do this using the DatGridCheckBoxColumn? Also what is the best way so that on the inital click the user doesn't have to click twice to select the row then the checkbox, can you select the row with the mouseover event? – Gaylagayle

@DanBrum: I don't know if you can circumvent this using that column, you could define your own DataGridCheckBoxColumn if you don't find a way. Selection on MouseOver should be possible. – Hangeron

Answer 2

I got same problem with you ,here is my solution

<CheckBox HorizontalAlignment="Center" IsChecked="{Binding BoolProperty, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>

Tirzah

Thank you sir, I had to search the web for a while before finding this solution. Works great. – Emerald

TwoWay is not necessary as it's default. – Orvieto

Interesting, in WinUI3, only this way works. I tried below method to bind, did not work. <DataGridCheckBoxColumn Header="Bool property" Binding="{Binding BoolProperty, UpdateSourceTrigger=PropertyChanged}"></DataGridCheckBoxColumn> – Jaramillo

Answer 3

My solution was to set UpdateSourceTrigger to PropertyChanged.

<DataGridCheckBoxColumn Header="Bool property" Binding="{Binding BoolProperty, UpdateSourceTrigger=PropertyChanged}"></DataGridCheckBoxColumn>

Cool

This is the best answer. – Coacervate

this should be the answer – Microprint

Answer 4

My solution was to add ElementStyle with Style TargetType="CheckBox":

<DataGridCheckBoxColumn Binding="{Binding BoolProperty, UpdateSourceTrigger=PropertyChanged}">
          <DataGridCheckBoxColumn.ElementStyle>
                 <Style TargetType="CheckBox"/>
          </DataGridCheckBoxColumn.ElementStyle>
</DataGridCheckBoxColumn>

Hardnosed

This is the best answer. Thanks bro – Hutt