RadTreeListView: Double click should expand row detailer

[Abilash]

I want to know how to have a behaviour for telerik:RadTreeListView so that on double clicking on row it should show it's row retailer. 

 

My work flow is as below.
1) Row has child rows, first Double clicking on it, it should show it's child rows. After another double click it should show it's row detailer. 

2) Revers also need to work like already row detailer got opened, then on double click it should collapse it. 

3) Everything should be in MVVM not code behind please. 

 

Please provide a sample application.

 

[Stefan]

Hi Abilash,

Thank you for the detailed explanation of the requirement.

There are two important steps in a possible implementation of such a requirement. The first one is to handle the double click, whereas the second one is to expand or collapse the given item. For the former requirement you can utilize the RowActivated event of RadTreeListView. It exposes the clicked row through the event arguments so having access to it you can consider the given approach for expanding or collapsing it. For example, you can manipulate the property of the data item bound to the IsExpandedBinding of the control.

private void clubsGrid_RowActivated(object sender, Telerik.Windows.Controls.GridView.RowEventArgs e)
        {
            var item = e.Row.DataContext as Club;
        }

The IsExpandedBinding is demonstrated in this help article. You can also take a look at the IsExpanded Binding WPF Demo as an example.

Since you need to keep the MVVM environment of the application intact, you can consider implementing an attached behavior or use the EventToCommandBehavior.

I hope this helps, Abilash.

Regards,
Stefan
Progress Telerik