GridViewCheckBoxColumn CheckBox Command

[Tegu]

I have the following GridView with the questionable checkbox column. Is there any way to add a command to the checkbox IsChecked property, like an event?

The TestCommand is implemented in the viewmodel and it is working well with a button.

 

<telerik:RadGridView x:Name="SelectedStrategyGroup1_Adjustments_GV"
                     Width="233" Height="214" Canvas.Left="2" Canvas.Top="0" RowHeight="22"
                     AutoGenerateColumns="False"
                     ShowGroupPanel="False" RowIndicatorVisibility="Collapsed"
                     ItemsSource="{Binding VMAdjustmentCollection1, Mode=TwoWay}"
                     ignore:SourceUpdated="SelectedStrategyGroup1_Adjustments_GV_SourceUpdated"
                     >

    <telerik:RadGridView.Columns>
        <telerik:GridViewCheckBoxColumn DataMemberBinding="{Binding IsContained, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Header="S" Width="22" HeaderTextAlignment="Center" TextAlignment="Center" EditTriggers="CellClick" AutoSelectOnEdit="True">
            <telerik:GridViewCheckBoxColumn.CellTemplate>
                <DataTemplate>
                    <CheckBox IsChecked="{Binding IsContained,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                              Command="{Binding Path=TestCommand}"
                              ignore:CommandParameter="{Binding Path=IsChecked, RelativeSource={RelativeSource Self}}"/>
                </DataTemplate>
            </telerik:GridViewCheckBoxColumn.CellTemplate>
        </telerik:GridViewCheckBoxColumn>
...
    </telerik:RadGridView.Columns>

</telerik:RadGridView>

 

[Vladimir Stoyanov]

Hello Istvan,

You cannot change the GridViewCheckBox's CellTemplate and CellEditTemplate, because it is specially designed column. However you can use a GridViewDataColumn and set its templates like so:

<telerik:GridViewDataColumn DataMemberBinding="{Binding IsContained, Mode=TwoWay}" Header="S" Width="22" HeaderTextAlignment="Center"

                                            TextAlignment="Center" EditTriggers="CellClick">

                    <telerik:GridViewDataColumn.CellTemplate>

                        <DataTemplate>

                            <telerik:GridViewCheckBox IsChecked="{Binding IsContained, Mode=TwoWay}"  />

                        </DataTemplate>

                    </telerik:GridViewDataColumn.CellTemplate>

                    <telerik:GridViewDataColumn.CellEditTemplate >

                        <DataTemplate>

                            <CheckBox IsChecked="{Binding IsContained, Mode=TwoWay}" Command="{Binding TestCommand}" />

                        </DataTemplate>

                    </telerik:GridViewDataColumn.CellEditTemplate>
</telerik:GridViewDataColumn>

I have set the CellTemplate and CellEditTemplate to a GridViewCheckBox and a CheckBox respectively, the same way as the GridViewCheckBoxColumn structure.

You can also consider using the EventToCommandBehavior to handle the event in your viewmodel.

I hope you find this helpful. Don't hesitate to contact us if you have any further questions.

Regards,
Vladimir Stoyanov
Progress Telerik

[Jonathan]

This is not working for me. :-/

[Jonathan]

Here is my code:

<telerik:GridViewDataColumn Header="Approved"                                                     DataMemberBinding="{Binding IsApproved, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"                                                     Width="Auto"                                                     MinWidth="75"                                                     EditTriggers="CellClick"                                                     IsFilterable="False">                        <telerik:GridViewDataColumn.CellTemplate>                            <DataTemplate>                                <telerik:GridViewCheckBox IsChecked="{Binding IsApproved, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />                            </DataTemplate>                        </telerik:GridViewDataColumn.CellTemplate>                        <telerik:GridViewDataColumn.CellEditTemplate>                            <DataTemplate>                                <CheckBox IsChecked="{Binding IsApproved, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"                                     Command="{Binding ApprovalStatusEditCommand, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />                            </DataTemplate>                        </telerik:GridViewDataColumn.CellEditTemplate>                    </telerik:GridViewDataColumn>

 

My ApprovalStatusEditCommand is not being fired. Also, as a side note, the DataMemberBinding is not necessary. Even without it the "IsChecked" bindings seem to be updating the object - even though the "IsApproved" is underlined as "cannot resolve."

[Vladimir Stoyanov]

Hello Jonathan,

It seems that you have managed to achieve what you were going for based on the other forum thread that you have opened: GridViewCheckBoxColumn CheckBox Command part II.

I do hope that this is indeed the case. Of course, if you need any further assistance, do not hesitate to write back in the other thread or in a new support ticket. 

Regards,
Vladimir Stoyanov
Progress Telerik

[Jonathan]

Hello Vladimir,

Thank you for checking with me and yes - thankfully I was able to resolve the issue.

Best,

Jonathan