当前位置：首页 → 问答吧 → Ext3.4关于表单在tabpanel下自适应宽度的问题

Ext3.4关于表单在tabpanel下自适应宽度的问题

时间：2011-11-29

来源：互联网

JScript code

Ext.onReady(function() {
    var win = new Ext.Window({
        layout: 'fit', title: "ceshi",width: 500, minimizable: true, maximizable: true,height: 300,closeAction: 'hide',plain: true,
        items: new Ext.TabPanel({
            autoTabs: true,activeTab: 0,deferredRender: false,border: false,layoutOnTabChange: true, 
            items: [
                {
                    title: "tab1", layout: "fit",
                    items: {
                        xtype: "form",
                        items: [
                            {
                                xtype: "fieldset", title: "FieldSet1",
                                items: [
                                    {
                                        layout: "column",
                                        items: [
                                            {
                                                layout: "form", anchor: "100%", items: { xtype: "textfield", fieldLabel: "姓名", anchor: "90%" }, columnWidth: .5
                                            },
                                            {
                                                layout: "form", anchor: "100%", items: { xtype: "textfield", fieldLabel: "卡号", anchor: "90%" }, columnWidth: .5
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                },
                {
                    title: "tab2", layout: "fit"
                }
            ]
        })
    });
    win.show();
})