레이아웃 '테이블'이있는 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을 추가하거나 아마도 MinHeight, MinWidth를 설정해보십시오. 이 선을 따라 뭔가가 작동 할 것입니다.