WPF datagrid row header toggle button visualstate change from code behind

Question

In WPF, I am using a toggle button in datagrid row header to show its detailed visibility of each parent datagrid row as a child datagrid. When I click a toggle button, the visualstate of the corresponding parent datagrid row will change to "Checked" state. It is working properly. But at same time I wanted to make visualstate of all other parent datagrid row visual state as "Unchecked" or "Normal" without clicking on each toggle button. I am using the following code. But its not working properly. But if I click on each toggle button, then its visual state is changing properly.

private void ToggleButton_Click(object sender, RoutedEventArgs e)
    {            
            DependencyObject obj = (DependencyObject)e.OriginalSource;
            while (!(obj is DataGridRow) && (obj != null))
            {
                obj = VisualTreeHelper.GetParent(obj);
            }
            if (obj is DataGridRow)
            {
          if ((obj as DataGridRow).DetailsVisibility == Visibility.Visible)
                {
                    (obj as DataGridRow).IsSelected = false;
                    (obj as DataGridRow).DetailsVisibility = System.Windows.Visibility.Collapsed;
                }
                else if ((obj as DataGridRow).DetailsVisibility == Visibility.Collapsed)
                {
                    for (int i = 0; i < Data_Grid.Items.Count; i++)
                    {
                        DataGridRow itm = GetDataGridRowitem(i);

                            itm.IsSelected = false;
               itm.DetailsVisibility = System.Windows.Visibility.Collapsed;            

               VisualStateManager.GoToElementState(itm, "Unchecked", true);
                    }
                    DataTemplate dt = FindResource("tocchild") as DataTemplate;
                    Data_Grid.RowDetailsTemplate = dt;
                    (obj as DataGridRow).IsSelected = true;
                    (obj as DataGridRow).DetailsVisibility = Visibility.Visible;                        
                    VisualStateManager.GoToElementState((obj as DataGridRow), "Checked", true);
                }
            }}

Also I tried,

 VisualStateManager.GoToState((obj as DataGridRow), "Checked", true);

Help me please. Thanks.

Answer 1

I Solved it by setting the value Toggle Button IsChecked as True and false.

FrameworkElement tb = GetTemplateChildByName(row, "RowHeaderToggleButton");
                    (tb as ToggleButton).IsChecked = false;

where GetTemplateChildByName is,

public static FrameworkElement GetTemplateChildByName(DependencyObject parent, string name)
{
    int childnum = VisualTreeHelper.GetChildrenCount(parent);
    for (int i = 0; i < childnum; i++)
    {
        var child = VisualTreeHelper.GetChild(parent, i);
        if (child is FrameworkElement &&

        ((FrameworkElement)child).Name == name)
        {
            return child as FrameworkElement;
        }
        else
        {
            var s = GetTemplateChildByName(child, name);
            if (s != null)
                return s;
        }
    }
    return null;
}

Thanks to all.

Answer 2

set your first column of datagrid to this

 <DataGridTemplateColumn CellTemplate="{StaticResource ExpandDetails}" Width="30" />

and put this dataTemplate in resources

<DataTemplate x:Key="ExpandDetails">
            <ToggleButton Name="ShowDetails" Height="20"
                              IsChecked="{Binding RelativeSource={RelativeSource AncestorType=DataGridRow}, 
                                                  Path=DetailsVisibility, 
                                                  Converter={StaticResource VisbilityToBooleanConverter}, 
                                                  Mode=TwoWay}" 
                              Margin="4" HorizontalAlignment="Right" FlowDirection="LeftToRight" BorderThickness="0" />
</DataGridTemplateColumn>

then create VisbilityToBooleanConverter like this

public class VisbilityToBooleanConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return (Visibility)value == Visibility.Visible;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return (bool)value ? Visibility.Visible : Visibility.Collapsed;
    }
}

Answer 3

Try this,

class VisibilityConverter : IValueConverter

Change Visual State