Question

我曾尝试向TabPanel添加面板等，但由于某种原因，即使我已经设置了添加的面板（这些元素包含其他元素，例如一个元素包含EditorGridPanel）布局到FitLayout，只有可见的东西在顶部是行容器，所以它不太合适，我希望它可以安装在容器中。

如何调试，因为没有JavaScript错误？

创建小组：

function getPanel() {

    var panel = new Ext.Panel({
        layout:'fit'
    });

    var grid = new Ext.grid.EditorGridPanel({
        title: 'mytitle',
        bodyStyle: 'padding: 5px',
        store: store,
        cm: cm,
        frame: true,
        clicksToEdit: 1,
        bbar: [{
            xtype: 'button',
            handler: function() {
                store.save();
            }
        }]
    });

    panel.add(grid);    
    return panel;
}

创建TabPanel

var tabs = new Ext.TabPanel({
    activeTab: 0,
    plain:true,
    autoScroll: true,
    defaults:{autoScroll: true}
});

var panel = getPanel();
tabs.add(panel);

window = new Ext.Window({       
    width: 500,
    height: 450,
    layout: 'vbox',
    modal: true,
    closeAction: 'hide',
    buttons: [],
    items: [tabs]
});

Answer 1

好的，问题在于窗口元素，我必须将合适的布局放到容器窗口。

window = new Ext.Window({       
    width: 500,
    height: 450,
    layout: 'fit',
    modal: true,
    closeAction: 'hide',
    buttons: [],
    items: [tabs]
});

Ext JS 3 FitLayout没有将元素扩展到其容器

1 个答案: