Toggle RowDetails Column click event

[Sam Ur]

Hi,
I have a question on how can i get a click event for Toggle RowDetails Column ([+] button in this column). I tried to use Button.Pase and add event through that...but it's not working as i expected.

[Maya]

Hello Sam Ur,

 You may try to use the IsExpandedChanged event of the GridViewRow.

Greetings,
Maya
the Telerik team

[Sam Ur]

Hi,
sorry for the late reply. I tried to use event you suggested but it's not working as i hoped.
I still have to first select a row and then click toggle button to see the changes i want.

[Rossen Hristov]

Hi Sam Ur,

You have three options:

1. You can attach to the RowDetailsVisibilityChanged event of RadGridView. For more information, please consult the docs.

2. You can inherit from GridViewToggleRowDetailsColumn and override its CreateCellElement. Call the base implementation and it will return the toggle button. Attach to its Click event and return it.

3. Alternatively, you can create your very own toggle column and have full control over what is going on. This is demonstrated in my blog post.

I hope this helps.

All the best,
Ross
the Telerik team

[Sam Ur]

Hi Ross,
I created another class:

class MyToggleButton:GridViewToggleRowDetailsColumn
    {
        public GridViewCell cell { get; set; }
        public object dataItem { get; set; }
        public MyToggleButton()
        {
            this.ExpandMode = GridViewToggleRowDetailsColumnExpandMode.Single;
        }
        public override FrameworkElement CreateCellElement(GridViewCell cell, object dataItem)
        {
            this.cell = cell;
            this.dataItem = dataItem;
            GridViewToggleButton gwtb = new GridViewToggleButton()
                                            {
                                                Command = RadGridViewCommands.ExpandHierarchyItem,
                                                CommandParameter = dataItem
                                            };
            return gwtb;
        }
        void gwtb_Click(object sender, RoutedEventArgs e)
        {
        }
    }

But i don't know...now i cannot get details rows to show on my main grid...I also changed code in my xaml...

...
<my:MyToggleButton x:Name="toggleButton" />


I don't know where I'm stuck.

[Rossen Hristov]

Hi Sam Ur,

Please, use one of the other two approaches then.

Kind regards,
Ross
the Telerik team

[Sam Ur]

Thank you Ross,
basically i went into completely different way - hierarchy templates did the trick...sorry to bodder you but again
thank you for your help!

[kedarnath]

Dear Sam ur


I hope u got the solution for handling the  row detail toggle button click event...


Could u please post that code....

I have been searching for the same.....

Thanx in advance...

[Sam Ur]

Hi sorry for such a later reply...but like i said i used hierarchy template to solve my issue.

<telerik:RadGridView Name="myGrid" ButtonBase.Click="myGrid_Click" IsReadOnly="True"  Grid.Row="1" RowDetailsVisibilityMode="Collapsed" ItemsSource="{Binding Source={StaticResource DataSource}, Path=myData}" DataLoadMode="Synchronous" SelectionMode="Extended" ShowGroupPanel="False" HorizontalAlignment="Left" Margin="15,12,0,0" VerticalAlignment="Top" Height="638" Width="996" AutoGenerateColumns="False" >
                        <telerik:RadGridView.Columns>
                            <telerik:GridViewToggleRowDetailsColumn />
                            <telerik:GridViewSelectColumn Name="grdCheckBox" />
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding Path=Title}" UniqueName="Title" Header="Title" />
</telerik:RadGridView.Columns>
<telerik:RadGridView.RowDetailsTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="150" />
                                        <ColumnDefinition />
                                    </Grid.ColumnDefinitions>
                                    <TextBlock Text="Page:" />
                                    <TextBlock Text="{Binding Path=WebURL}"  />
                                </Grid>
                            </DataTemplate>
                        </telerik:RadGridView.RowDetailsTemplate>
                    </telerik:RadGridView>

But basically i used ButtonBase.Click Routed event and then in code behind wrote something like that...

private void grdKontakti_Click(object sender, RoutedEventArgs e)
        {
            if (e.OriginalSource.GetType() == new GridViewToggleButton().GetType())
            {
                //your code to handle togglebutton click...
            }
        }

Well hope it helped...at least a bit.