Expand or Collapse Grid rows on button click

[tarunsharma]

I need to add Expand And Collapse button on the header of the pqgrid

For Example - Expand All :- That is expand all the rows of the grid all together.
Collapse All :- To collapse all the rows.

Can you suggest the best possible way to implement this functionality.

Thanks

[tarunsharma]

Can anyone from the support team help me to expand all the rows on button click?

[paramvir]

To exapand / collapse all row details, iterate through all rows and apply show: true /false to pq_detail property of rowData

Code: [Select]

grid.pageData().forEach(function(rd){
rd.pq_detail = {show: true/false};
})
grid.refresh()


[tarunsharma]

It is working on the very first click. If I collapse few rows and click expand button again it will not work.

[tarunsharma]

not able to click Expand All button second time. Can anyone help?