使表适合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聊天

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()如下: