[Solved] Client-Side Expand/Collapse All

[Dathan]

This may be a simple one, but I can't seem to find how to do this in the docs:

Is there a setting to show a 'Expand/Collapse All' button on the header of the standard expand/collapse column on a grid?  I am using a client-side standard expand/collapse structure (i.e. specified a nested view), and would like an option to expand/collapse all rows with a single click.  Is there a setting, or do I need to write some js?

Thx

[Princy]

Hello Dathan,

I believe the code library will help you in achieving the functionality.
ExpandCollapseGroupedGridOnDoubleClickingTheGroupHeader

Another option is that you can place one checkbox in header of the Expandcollapse column as headertemplate and then call the function to expand/collapse the hierarchy. Please refer the code library shown below for this.
Expand/collapse hierarchy client-side on external control click

Thanks,
Princy.

[Pavlina]

Hi Dathan,

The Client-side expand/collapse functionality is demonstrated in the following online resources:
Expand/collapse grouped grid client-side on external control click
Expand/collapse hierarchy client-side on double click

Feel free to utilize the logic presented their for your case in order to attain the functionality you are after.

All the best,
Pavlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.