使用布局'表'动态更改ExtJS面板的高度和宽度

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。沿着这些方向的东西可能会起作用。