Control RadTreeView para la navegación del panel izquierdo - c #, asp.net, sitefinity

Mi página tiene un panel izquierdo que tiene un control telerik RAD Treeview. Está funcionando bien con los nodos principales y los nodos secundarios. A continuación se muestra la imagen de cómo se ve.

RadTreeView http://i59.tinypic.com/2cr4lyh.png

Estoy creando un UserControl personalizado ahora, paraReemplace este control treeview. Quiero que este nuevo control pueda obtener todos los nodos, nivel y mostrarlo como un bloque, por ejemplo: cuando llego a la página por primera vez, lo que necesito ver es:

• Accesorios
• Premios
• FÍAT
• Tecnología
• Garantía

dentro de un contenedor (un div puede estar), y cuando hago clic en FIAT, quiero que muestre otro div debajo de este div de nivel superior que me muestra:

• 2014
• 2015

Luego, cuando hago clic en 2014, otro div más abajo que muestra

• 500
• 500c

y así.

¿Puede alguien dirigirme hacia una solución para esto?

Gracias.

Respuestas

Comience por revisar el ASP telerik Documentación sobre el control de árboles.

Existen varios ejemplos

La estructura de tu árbol se vería así:

 <telerik:RadTreeView ID="RadTreeView1" runat="server" Height="250px" Width="100%"
EnableDragAndDrop="true" OnNodeClick="RadTreeView1_NodeClick" OnNodeCollapse="RadTreeView1_NodeCollapse"
OnNodeExpand="RadTreeView1_NodeExpand" OnNodeDrop="RadTreeView1_NodeDrop" Style="border: 1px solid #CBE7F5;">
<Nodes>
<telerik:RadTreeNode Text="Accessories" ExpandMode="ServerSide" Expanded="true">
<Nodes>
<!-- add Accessories nodes here -->
</Nodes>
</telerik:RadTreeNode>
<telerik:RadTreeNode Text="Awards" ExpandMode="ServerSide">
<Nodes>
<!-- add Awards nodes here -->
</Nodes>
</telerik:RadTreeNode>
<telerik:RadTreeNode Text="FIAT" ExpandMode="ServerSide">
<Nodes>
<telerik:RadTreeNode Text="2014" ExpandMode="ServerSide">
<telerik:RadTreeNode Text="500" ExpandMode="ServerSide">
</telerik:RadTreeNode>
<telerik:RadTreeNode Text="500c" ExpandMode="ServerSide">
</telerik:RadTreeNode>
</telerik:RadTreeNode>
<telerik:RadTreeNode Text="2014" ExpandMode="ServerSide">
</telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeNode>
<telerik:RadTreeNode Text="Technology" ExpandMode="ServerSide">
<Nodes>
<!-- add Technology nodes here -->
</Nodes>
</telerik:RadTreeNode>
<telerik:RadTreeNode Text="Warranty" ExpandMode="ServerSide">
<Nodes>
<!-- add Warranty nodes here -->
</Nodes>
</telerik:RadTreeNode>
</telerik:RadTreeView>