[Solved] Expand single node onClick

[Howard]

Hi telerik support,

I am using First Look TreeView and i am trying to make only single node is expanded at a time i.e only the clicked node gets expanded and other is collapsed, but couldn't do so, could you please help me with this.

I have seen the same fuctionality in PanelBar(Client-side API), can we do same expand/collapse in treeview also?

Regards

[Petur Subev]

Hi Niroj,

This functionality is not supported out-of-the-box and to achieve it you can use the following approach

1. Hook a JavaScript function to the OnExpand client event (e.g. expand).
2. In the function close all the siblings on the same level (using the collapse method), recursively close all the parent's siblings.
   e.g.
   

   <script type="text/javascript">
       var procesing = false;
   
       function expand(e) {
           if (!procesing) {
               procesing = true;
               var tree = $('#TreeView').data('tTreeView')
   
               closeSib($(e.item),tree)
               procesing = false;
           }
       }
   
       function closeSib($element,tree) {
           var $siblings = $element.siblings();
           tree.collapse($siblings);
           if ($element.parent('li').length>0) {
               closeSib($element.parent('li'), tree);
           }
       }
   </script>

Regards,
Petur Subev
the Telerik team

[Howard]

Thanks Petur !

Excellent! that works.