GridViewDataColumn CellTemplate CheckBox

[ss]

I have the following GridViewDataColumn with the checkbox and textblock Elements in the celltemplate. If the checkbox is checked, the textblockcontent in CellTemplate should be updated. But actualy the textcontent is updated when the cell get into edit mode. How can i update the content of textblock in the view if the Checkbox is checked.


<telerik:GridViewDataColumn DataMemberBinding="{Binding IsChecked, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" IsReadOnlyBinding="{Binding Unavailable}" EditTriggers="CellClick"  Header="Check" Width="Auto">
    <telerik:GridViewDataColumn.CellTemplate>
        <DataTemplate DataType="{x:Type views:ListItem}">
            <Grid>
                <CheckBox IsChecked="{Binding Path=IsChecked}" IsEnabled="{Binding Path=Unavailable, Converter={StaticResource InverseBooleanConverter}}" Command="{...}, Path=Data}"
                          CommandParameter="{...}">
                    <TextBlock Text="{Binding Status, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" TextAlignment="Right"></TextBlock>
                </CheckBox>

            </Grid>
        </DataTemplate>
    </telerik:GridViewDataColumn.CellTemplate>

[Dimitar Dinev]

Hi,

Thank you for the code snippet.

You can achieve the desired behavior by setting the Status property in the setter of the IsChecked property. For the changes to occur, you should implement INotifyPropertyChanged or use our ViewModelBase class. Please, take a look at the following code snippet:

public class RowInfo : ViewModelBase
{
    public string Status { get { return this.IsChecked ? "Checked" : "Unchecked"; } }

    private bool isChecked;
    public bool IsChecked
    { 
        get { return this.isChecked; }
        set
        {
            if (this.isChecked != value)
            {
                this.isChecked = value;
                this.OnPropertyChanged("IsChecked");
                this.OnPropertyChanged("Status");
            }
        }
    }
}

Another way to achieve the desired behavior is by subscribing to the Checked and Unchecked events of the CheckBox. Set the sender to be a CheckBox and then get its child TextBlock by using the ChildrenOfType<> visual tree helper. Finally, create a condition which checks whether the CheckBox is checked.

For your convenience, I've prepared a sample project which demonstrates the first approach, which we recommend using. I've also included the second solution which is commented. Please, the project and let me know if it delivered the desired result.

Regards,
Dimitar Dinev
Progress Telerik