View Full Version : Need urgent help on expand/collapse on Ext.grid.Panel

22 Jan 2014, 7:42 AM

I wanted to customize the Ext.grid.Panel and wanted add expand/collapse functionality similar to tree panel. Please note I dont want to use Tree Panel.

I Could not use Rowexpander plugin because it uses rowBodyTpl to display data.I want to add some rows on expand icon click under that node.On collapse the newly added rows should also be collapsed.

Screenshot attached.

Any ExtJs expert.....................

Please help......Going crazy!

22 Jan 2014, 9:11 AM
Any help on this please?

23 Jan 2014, 1:15 AM
Use a tree grid.


23 Jan 2014, 2:01 AM
I dont want to use Tree Grid.If I have to customize the normal grid and add the above behavior, Is it possible to do that. Any sample code please. Any help from sencha support team.

23 Jan 2014, 2:49 AM
Try Summary Grid(as per requirement hide the summary row)


23 Jan 2014, 2:59 AM
You could also try grouping rows by using Grouping feature.

23 Jan 2014, 5:12 AM
I want to display expand/collapse icon in each row.Now if I expand one row then it will trigger ajax request and add the response rows to the grid under the expanded node. If I collapse the expanded node then all the rows under that node should also be collapsed.is it not possible without tree panel?

28 Jan 2014, 6:28 AM

I have two models MyModel1 and MyModel2.I have added MyModel1 as mixins in MyModel2.

How to access the MyModel1 property in MyModel2 one of the property converter.

Is it possible?

Thank you!