如何使用ExtJs将表单放在TabPanel中?

时间:2012-10-31 10:02:46

标签: javascript extjs

我想在tabPanel中放置一个表单。我这样做:

形式:

var zem = new Ext.FormPanel({
    title: 'Общие сведения',
    bodyStyle:'padding:5px 5px 0',
    items: [{
        xtype:'textfield',
        fieldLabel: 'Местоположение',
        name: 'address',
        anchor:'80%'
    },{
        layout:'column',
        items:[{
            columnWidth:.5,
            layout: 'form',
            items: [{
                xtype:'textfield',
                fieldLabel: 'Кадастровый номер',
                name: 'cadastr',
                anchor:'80%'
            }]
        },{
            columnWidth:.5,
            layout: 'form',
            items: []
        }]
    }]
});

面板:

var tabs = new Ext.TabPanel({
    xtype:'tabpanel',
    activeTab: 0,
    autoScroll: false,
    layoutOnTabChange: true,
    items: [zem]
});

我明白了:

enter image description here

我得到一个空标签。我做错了什么?

1 个答案:

答案 0 :(得分:6)

不可能将FormPanel放在另一个FormPanel中的TabPanel中。我会在example中做同样的事情。