Nested EXTJS 4 Grids

[harman]

Hi All,
I am new to ExtJS.
I need to put a Grid inside every row of another grid.
I went through the Grid Plug in example on sencha. But i am only able to put in the text inside rowBodyTpl.
I already have tried example at the following link.
http://mikhailstadnik.com/ext/examples/nested-grid.htm
but it gives an error that i am trying to add a null child to the container Id blah blah.

Please help me out guys.

[scottmartin]

There are several threads about this:
http://www.sencha.com/forum/showthre...ht=nested+grid

Perhaps this will change soon.

Have you had a look at this:
http://dev.sencha.com/deploy/ext-4.0.2a/examples/tree/treegrid.html

It may help for now.

Regards,
Scott.

[scottmartin]

This may help in regards to the first link on the RowExpander issue:

It is possible to use both the RowExpander and grouping feature in the same grid. Get 4.0.6. The RowExpander shipped with 4.0.2a does not work

.

Regards,
Scott.

[harman]

thanks for your help frnd but i already have tried those examples.

[harman]

Seems like ExtJs 4 does not support nesting of grids.
Sad!!
will have to roll back to version 3 for the specific issue.
But still if any one comes accross a solution do reply.

Thanks

[stratboogie]

You can do nested grids. It is kind of tricky but can be done.

example:
in your parent grid's config do this:

plugins: [{
		ptype: "rowexpander",
		rowBodyTpl: ['<div id="SessionInstructionGridRow-{ClientSessionId}" ></div>']

	}],

then in your expandbody event do this:

var targetId = 'SessionInstructionGridRow-' + record.get('ClientSessionId');
					if (Ext.getCmp(targetId + "_grid") == null) {
						var sessionInstructionGrid = Ext.create('TS.view.client.SessionInstruction', {
							renderTo: targetId,
							id: targetId + "_grid"
						});
						rowNode.grid = sessionInstructionGrid;
						sessionInstructionGrid.getEl().swallowEvent(['mouseover', 'mousedown', 'click', 'dblclick', 'onRowFocus']);
						sessionInstructionGrid.fireEvent("bind", sessionInstructionGrid, { ClientSessionId: record.get('ClientSessionId') });
					}

Thanks
Timothy