0

ネストされた 2 つのコンテナーがあり、最初のコンテナーをページ サイズに、2 番目のコンテナーを最初のコンテナー サイズに垂直方向 (垂直方向のみ) に合わせたいと考えています。

ページのサイズ変更の場合、すべてのコンテナは自動的にサイズ変更されます。

この機能を実行できません。レイアウトの問題だと思います。

これは私のサンプル コードと私の jsfiddle です。

Ext.onReady(function() {
myPanel = Ext.create('Ext.container.Container', {
    layout:'fit',
    flex:1,
    width:100,
    renderTo: Ext.getBody(),
    items: [{
        xtype:'container',
        layout : {
                type : 'vbox',
                align : 'stretch'

            },
        items:[
    {
                    //this is the right panel not collapsible
                    xtype : 'panel',
                    border:true,
                    //hidden:false,
                    bodyBorder:true,
                    padding: '5 5 5 5',

                    itemId:'right',

                    //default layout of inner element is hbox
                    layout : {
                        type : 'hbox',
                        //align : 'stretch'

                    },

                    //takes all possible space
                    flex : 1
                }]}


    ]
});
});

http://jsfiddle.net/eternasparta/yxeSG/

皆さん、ありがとうございました！

4

1 に答える 1