ExtJS4 - рендеринг подсекции

Question

Я пытаюсь создать сетку внутри строки сетки, когда я расширяю строку, используя плагин rowexpander. Как я могу сделать subgrid в событии expandbody?

Это мой код до сих пор, он используется как свойство Обработчик событий, когда я определяю мою панель сетки: ответ

getOtherProducts: function (rowNode, record, expandRow, eOpts) { 
     $.ajax({ 
      type: 'GET', 
      url: "Report.aspx/GetOtherProducts", 
      data: { ID: record.data['ID'] }, 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function() { 
       var subStore = Ext.create('pr.store.Store-Products'); 
       subStore.proxy.extraParams.productID = record.data['ID']; 

       var subGrid = Ext.create('Ext.grid.Panel', { 
        store: subStore 
       }); 

       subGrid.getEl().swallowEvent(['mouseover', 'mousedown', 'click', 'dblclick']); 
      }, 
      error: function() { 
       showNotificationBar("Error retrieving product data. Re-expand the row to try again."); 
      } 
     }); 
    }, 

Answer 1

stratboogie по адресу http://www.sencha.com/forum/showthread.php?151442-Nested-EXTJS-4-Grids сделал свою работу.

Я сделал небольшую модификацию для хранения элемента ID в массив

subGrids.push(subGrid.id); 

, а затем отменяет обработчик событий пейджинга для перебора массива и уничтожить все элементы с идентификаторами внутри массива, чтобы сохранить память в проверке ,

function destroySubGrids(){ 
    Ext.each(subGrids, function(id){ 
      var subGrid = Ext.getCmp(id); 
      if(subGrid){ 
       subGrid.destroy(); 
       delete subGrid; 
      } 
     }); 
    subGrids = []; 
    console.log(Ext.ComponentMgr.all.length); //debug 
}