extjs 3.4中布局窗口内的表单面板

Question

谁能帮我在 extjs 3.4 的布局窗口中创建一个表单。 like this?我尝试使用Ext.Formpanel，但它显示错误。

Ext.onReady(function() {
    // tabs for the center
    var tabs = new Ext.TabPanel({
        region: 'center',
        margins: '3 3 3 0', 
        activeTab: 0,
        defaults: {
            autoScroll: true
        },
        items: [
            {
                title: 'Movie Grid',
            },
            {
                title: 'Movie Description',
            },
            {
                title: 'Nested layout',
            },
            {
                title: 'The bomb',
            }
        ]
    });

    // Panel for the west
    var nav = new Ext.Panel({
        title: 'Movie Information Form',
        region: 'west',
        split: true,
        width: 200,
        collapsible: true,
        margins: '3 0 3 3',
        cmargins: '3 3 3 3',
    });

    var win = new Ext.Window({
        title: 'Button',
        closable: true,
        width: 600,
        height: 350,
        //border: false,
        plain: true,
        layout: 'border',
        items: [
            nav,
            tabs
        ]
    });

    win.show(this);
});

这是创建布局窗口的js文件。我需要在“电影信息表单”中创建一个表单。

Answer 1

我已经解决了您代码中的错误。请检查并回复。 https://fiddle.sencha.com/#view/editor&fiddle/2750

我已经删除了 this，它被传递给 window 的 show()。