레이아웃 '테이블'이있는 ExtJS Panel의 높이와 너비가 동적으로 변경됨

패널 내부에 동적 테이블을 생성 중입니다. 몇 가지 조건을 기반으로 테이블의 높이와 너비를 동적으로 (런타임에) 설정하려고합니다. 부모 컨테이너의 높이와 너비를 가져올 수 있지만이 높이와 너비를 테이블에 할당 할 수 없습니다. 여기 내 코드 :레이아웃 '테이블'이있는 ExtJS Panel의 높이와 너비가 동적으로 변경됨

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' 
      }] 
});

동적으로 생성 된 테이블의 높이와 너비를 설정하는 방법은 무엇입니까?

출처

2014-03-07 user1640256

내용이없는 구성 요소가 전혀 표시되지 않을 수도 있습니다. 플렉스 1을 추가하거나 아마도 MinHeight, MinWidth를 설정해보십시오. 이 선을 따라 뭔가가 작동 할 것입니다.

출처

2014-03-07 14:58:55 hermann

'flex', 'minHeight'및 'minWidth'로 이미 시도했지만 아무 소용이 없습니다. 또한, 구성 요소에 'html'을 지정했습니다. – user1640256

레이아웃이 작동하는지 확인하기 위해 레이아웃을 변경하려고 시도 했습니까? – hermann

다른 높이와 너비로 동적으로 구성 요소를 만들어야하기 때문에 테이블 레이아웃을 사용하는 것이 유일한 옵션입니다. – user1640256

레이아웃 '테이블'이있는 ExtJS Panel의 높이와 너비가 동적으로 변경됨

답변

관련 문제