Hybrid View

  1. #1
    Sencha User harman's Avatar
    Join Date
    Jul 2011
    Location
    India
    Posts
    136
    Vote Rating
    3
    harman is on a distinguished road

      0  

    Default Nested EXTJS 4 Grids

    Nested EXTJS 4 Grids


    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.

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,154
    Vote Rating
    475
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    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.

  3. #3
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,154
    Vote Rating
    475
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    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.

  4. #4
    Sencha User harman's Avatar
    Join Date
    Jul 2011
    Location
    India
    Posts
    136
    Vote Rating
    3
    harman is on a distinguished road

      0  

    Default


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

  5. #5
    Sencha User harman's Avatar
    Join Date
    Jul 2011
    Location
    India
    Posts
    136
    Vote Rating
    3
    harman is on a distinguished road

      0  

    Default Nested grids Extjs 4

    Nested grids Extjs 4


    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

  6. #6
    Sencha User
    Join Date
    Sep 2007
    Posts
    118
    Vote Rating
    0
    stratboogie is on a distinguished road

      0  

    Default


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

    example:
    in your parent grid's config do this:
    Code:
    plugins: [{
    		ptype: "rowexpander",
    		rowBodyTpl: ['<div id="SessionInstructionGridRow-{ClientSessionId}" ></div>']
    
    	}],
    then in your expandbody event do this:

    Code:
    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