extjs - 使表适合extjs中的父容器

Question

在我的项目中，我试图将创建的表适合父面板。

内部面板

var items = [];

layout: {
    type: 'table',
    columns: 6
},
initComponent: function(){
    //creating child items dynamically
    for(var i=0;i<36;i++){
        items.push({
            xtype: 'panel',
            layout:'fit'
        })          
    }
    this.callParent();
}
items: items    

子项已成功添加到面板，但具有 0尺寸(宽度和高度)。如何使子面板计算尺寸以使其适合父面板？

PS:如果手动指定尺寸，则可以看到 36块。

我也可以在 sencha chat

Answer 1

您可以将 tableAttrs 添加到布局配置中，以使父面板的宽度为100％。

layout: {
    type: 'table',
    columns: 6,
    tableAttrs: {
        style: {
            width: '100%'
        }
    }
},

对于您的商品，您需要指定标题或html。

items.push({
    xtype: 'container',
    html: i.toString(),
    layout:'fit'
})

使用 xtype: 'container', html: i.toString()的结果:

使用 xtype: 'panel', title: i.toString()的结果: