How to expand/collapse all child nodes of a selected row

[Dave]

Hello,

I have a TreeList where I would like to select a row, click an image button, and have all the child rows expand (or collapse), with all of their child rows expanding, and all of their child rows expanding, until all rows have been fully expanded (or collapsed).

So if I have this:

selectedRow = treeList.content.find(".k-state-selected");

from the selectedRow, I want all child rows and their child rows, and all their child rows, etc... to expand until all rows have expanded fully.

I also would like to click a separate collapse button where all child rows of my selectedRow will collapse up from the bottom child rows, one row at a time until the selectedRow is finally collapsed.

I have the image buttons and am calling some functions that will expand or collapse just 1 level from the selectedRow.  I have looked through various examples in your documentation but have not been able to fully implement this functionality.

Could you please provide a code snippet if possible on how this can be done starting with: selectedRow = treeList.content.find(".k-state-selected");

Thank you ...

Dave

[Boyan Dimitrov]

Hello Dave,

 

My suggestion is to use the expand method of the Kendo UI TreeList widget. A possible solution to find all children is to iterate through the data of the TreeListDataSource and find all models with specific parent id. Please refer to the kendo ui treelist - get all children forum discussion. 

 

Once you have the model object you can get its uid value and find the table row with the same data-uid attribute. 

 

 

Regards,
Boyan Dimitrov
Telerik

 

 

[Dave]

Hello Boyan,

Thank you for the reply. I was able to use the information you gave me to achieve what I needed to do.  Thanks again...

Dave