[Solved] Tabstrip with Treeview

[Jeroen Eikmans]

Hello,

I have an application that had a Tabstrip with 3 tabs on it, each Tab has a Treeview.
If i set the SelectedIndex of the Tabstrip in the cshtml to 0, only the Treeview on the first tab is working.
When I select the second (or third) tab the Treeview on that tab can not be expanded and doesn't have hovering style applied.

When is set the SelectedIndex of the Tabstrip in the cshtml to 1 only the Treeviews on the first and second Tab are working.
When is set the SelectedIndex of the Tabstrip in the cshtml to 2 all Treeviews are working.

Is there something i am doing wrong? I attached a TestApp to demo the problem.

[Dimo]

Hello Roel,

Thanks for the sample project.

All TreeViews on the page have the same ID (Name), which is not correct. Each TreeView in each Tab should have a unique Name. Doing this is easy, since you have different action methods for each Tab in the controller. For example, you can add some additional property to TestModel, then set its value in the action method and append it to the TreeView Name string. Note that this will require modifications in the OnSelect function name and function body. Actually, it is better to move the scripts outside the Details view, so that they are not rendered multiple times on the page, which also causes the functions to be redefined.

Best wishes,
Dimo
the Telerik team