Treeview - Single Expand Path

[Aaron Weule]

Hello,
I'm working with the local data treeview sample.

Is there a way to implement single expand path similar to RadTreeView (http://www.telerik.com/help/aspnet-ajax/treeview-server-single-expand-path.html)? I'd like for only the selected node path to be expanded at any one time. All others paths should be collapsed after node selection

Thanks!

[Plamen]

Hello,

Here is the code that worked at my side:

<script type="text/javascript">
       function OnClientNodeClicking(sender, args) {
           if (!args.get_node().get_selected() && args.get_node().get_nodes().get_count()>0) {
               args.get_node().expand();
           }
       }

       function OnClientKeyPressing(sender, args) {
           setTimeout(function myfunction() {
               if (sender. get_nodes().get_count()>0) {
                   sender.get_selectedNode().expand();
               }
           },50);
       }

   </script>
   <telerik:RadTreeView runat="server" ID="RadTreeView1" AccessKey="a" TabIndex="1"
        OnClientKeyPressing="OnClientKeyPressing" OnClientNodeClicking="OnClientNodeClicking" SingleExpandPath="true"  >
       <Nodes>
           <telerik:RadTreeNode Text="node1">
               <Nodes>
                   <telerik:RadTreeNode Text="node11"></telerik:RadTreeNode>
               </Nodes>
           </telerik:RadTreeNode>
           <telerik:RadTreeNode Text="node2">
                 <Nodes>
                   <telerik:RadTreeNode Text="node21"></telerik:RadTreeNode>
               </Nodes>
           </telerik:RadTreeNode>

           <telerik:RadTreeNode Text="node3">
                 <Nodes>
                   <telerik:RadTreeNode Text="node31"></telerik:RadTreeNode>
               </Nodes>
           </telerik:RadTreeNode>
       </Nodes>
   </telerik:RadTreeView>

Hope this will be helpful.

Regards,
Plamen
Telerik

 

 

[Aaron Weule]

Hello Plamen,
Thanks for the response. However, this solution uses a RadTreeView which already includes a property called SingleExpandPath. I'm looking for a solution for KendoUI Treeview.


Thanks

[Alex Gyoshev]

Hello Aaron,

The Kendo UI TreeView does not include this functionality out of the box. You can achieve the effect by attaching an expand event handler and calling collapse on nodes that are not in the current path.

Regards,
Alex Gyoshev
Telerik

 

 

[Aaron Weule]

I realize Kendo UI TreeView does not include this functionality (hence the reason for this post).

Do you have any examples?

[Alex Gyoshev]

Hello Aaron,

We did not have an example, but here is a Dojo snippet that we made for you.

Regards,
Alex Gyoshev
Telerik

 

 

[Aaron Weule]

Excellent - this is exactly what I needed

Thank you for your help