0

我有一个 html 页面并呈现一个带有 layout: 'border' 的面板。我使用 renderBody 配置将它渲染到一个 div。当我运行页面时出现此错误：布局运行失败。

这是我的 ExtJs 代码

Ext.create('Ext.panel.Panel', {
    //width: 500,  // I want to fit this panel to parent element
                 //that i render this panel to it
    //height: 300, //
    title: 'Border Layout',
    layout: 'border',
    items: [{
        title: 'South Region',
        region: 'south',
        xtype: 'panel',
        height: 100
    },{
        // xtype: 'panel' implied by default
        title: 'West Region is collapsible',
        region:'west',
        xtype: 'panel',
        width: 200,
        id: 'west-region-container',
        layout: 'fit'
    },{
        title: 'Center Region',
        region: 'center',
        xtype: 'panel',
        layout: 'fit'
    }],
    renderTo: 'div-Id'
});

我应该怎么办 ？

4

1 回答 1

4

给你主面板一个高度......这将解决问题。请参阅此处的示例：https ://fiddle.sencha.com/#fiddle/ma

于 2013-09-26T09:10:04.943 回答