0

北、中央、南の境界線レイアウトビューポートがあります。北と南は大丈夫です（ツールバーとステータスバー）。中央はtab.Panelで、幅に合わせて適切に引き伸ばされていますが、高さには合わせていません。tab.Panelの最初のタブは単純なパネルであり、レイアウトは「fit」に設定されています。

tabPanelのコンテンツで高さを明示的に設定すれば、問題ありません。高さプロパティがないと、子パネルは高さまで引き伸ばされません。どうしたの？

これは、タブが中央にある親ビューポートのコードです。

    Ext.create('Ext.container.Viewport', {
        layout: 'border',
        items: [
            Ext.create('Ext.toolbar.Toolbar', {
                region: 'north',
                buttonAlign: 'center',
                layout: { pack: 'center'},
                items: [ {
                    scale: 'large',
                    text: 'Customers',
                    iconCls: 'ico-customers',
                    iconAlign: 'top'
                }]
            }),
            Ext.create('Ext.tab.Panel', {
                region: 'center',
                deferredRender: false,
                activeTab: 0,
                plain: true,
                items: [{
                    title: 'Customers',
                    itemId: 'customers',
                    autoScroll: true,
                    items: [
                        {
                            layout: 'fit',
                            title: 'bla',
                            html: 'Something',
                            height: 300
                        }
                    ]
                }, {
                    title: 'Other',
                    layout: 'fit'
                }],
            }),
            {
                region:  'south',
                xtype: 'panel',
                title: 'Status'
            }

        ],
        renderTo: Ext.getBody()
    });
4

1 に答える 1

2

私はそれを見つけました、私はレイアウトを置き違えていました：「フィット」。タブのアイテムではなく、tabPanelのタブの下に配置する必要があります。

于 2013-01-04T10:16:14.343 に答える