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

时间:2017-09-22 05:22:36

标签: forms extjs layout extjs3

任何人都可以帮我在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文件。我需要在“电影信息表”中创建一个表单。

1 个答案:

答案 0 :(得分:1)

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

我删除了这个,它被传递给了窗口的show()。