使用佈局'表'動態改變ExtJS Panel的高度和寬度

Question

我在面板內部創建動態表格。我想基於幾個條件動態地（在運行時）設置表的高度和寬度。我能夠獲取其父容器的高度和寬度，但我無法將此高度和寬度分配給表。這裏是我的代碼：

var myComponent = Ext.create('Ext.panel.Panel', { 
      layout: { 
       type: 'table', 
       columns: 3 
      }, 
      listeners: { 
       afterrender: function (panel) { 
        var myWidth = panel.up('panel').getWidth(); 
        var myHeight = panel.up('panel').getHeight(); 
        panel.setHeight(myHeight); 
        panel.setWidth(myWidth); 
       } 
      }, 
      items: [{ 
       html: 'Widget 0', 
       rowspan: 2 
      }, { 
       html: 'Widget 1', 
       colspan: 2 
      }, { 
       html: 'Widget 2' 
      }] 
}); 

如何設置動態創建表的高度和寬度？

Answer 1

我認爲沒有內容的組件可能根本不顯示。嘗試添加1的flex，或者設置MinHeight，MinWidth。沿着這些線路的東西可能會起作用。