4

私は、垂直方向にレイアウトされる可変高さの 2 つの extjs アイテムを持っています。

次のコードを使用して、垂直レイアウトに Ext.container.Container を使用しています。

Ext.create('Ext.container.Container', {     
    //height:50,
    renderTo: this.renderTo,
    layout: {
        type: 'vbox'
    },      
    items: [item1,item2],
     //autoHeight:true
});

問題は、コンテナーの高さが指定されていない限り、項目がページに表示されないことです。ただし、埋め込まれたウィジェットの高さは静的ではありません。

この問題を解決する方法はありますか? 私が利用できる他のコンポーネントは、アイテムの高さに自動的に伸びることができます。

4

1 に答える 1

5

高さの代わりに、flex1 の a を子要素に適用します。比率を変えたい場合は、flex数字で遊ぶことができます。たとえば、適用するflex: 2flex: 1、最初の要素で 2/3 の塗りつぶしが得られ、2 番目の要素で 1/3 の塗りつぶしが得られます。

参考: http: //docs.sencha.com/ext-js/4-0/#!/api/Ext.layout.container.VBox-cfg-flex

于 2011-11-10T16:51:40.420 に答える