Ext JS 4.2.1布局运行失败

Ext JS 4.2.1 Layout run failed

本文关键字:布局 运行 失败 JS Ext      更新时间:2023-09-26

我只是想创建一个布局,我已经定义了我的自定义应用程序头..下面还有一些内容…例如边框布局…

Ext.define('app.view.Main', {
    extend: 'Ext.container.Container',
    requires:[
        'Ext.tab.Panel',
        'Ext.layout.container.Border',
        'Ext.layout.container.Anchor',
        'Ext.form.field.Text'
    ],
    xtype: 'app-main',
    layout: { type: 'anchor' },
    items: [
        { xtype: 'app-header' },
        {
            //xtype: 'container',
            layout: 'border',
            items: [{
                region: 'west',
                xtype: 'panel',
                title: 'west',
                width: 150
            }, {
                region: 'center',
                xtype: 'tabpanel',
                items: [{ ...

这段代码总是返回错误布局运行失败…当我改变我的第二个项目的布局,它应该是一个边界,它工作…不知怎么的,它与边框布局不协调…

谁能告诉我为什么?一个解决方案的提示也会很好:)我是一个ext js布局newb:(

创建一个顶标头:

new Ext.container.Viewport({
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    items: [{
        xtype: 'app-header'
    }, {
        flex: 1,
        layout: 'border',
        xtype: 'container',
        items: [] // border stuff
    }]
});