extjs - extjs の親コンポーネントの上にコンポーネントをフロートする

Question

以前ここで質問したのですが、理解不足のせいか、誰も正解しませんでした。親コンテナtoolbarのイベントに（または代わりに推奨したい何か）を持たせようとしています。mouseenter

現在、toolbar親コンテナの下部に、container2を持つコンポーネントのサイズを変更しているのが表示されていますflex: 1。

これが私のコードです：

var hContainer = [];  //adding many blocks to this dynamically
hContainer.push({
    xtype: 'panel',
    flex:1,             
    layout: {type:'vbox',align:'stretch'},                       
    items:[{
        xtype: 'container',
        height: 10,
        html: 'hello'
    },
    {
        xtype: 'container',
        flex: 1
    }]              
})          

次にmouseenter、親コンテナのイベントで。panel以下の変数を次のように追加しますparentContainer.add(upperController)。

var upperController = {                                                              
   xtype: 'toolbar',                                                                  
   defaultAlign: 'tl',  //no effect at all                                                                 
   items: ['->',{                                                               
       xtype: 'button',                                                             
       text: '+'                                                              
   }]                                                   
}

Answer 1

それが私だったら、次のようにします。コンテナ 1 とコンテナ 2の高さを決定しますflex: 1。flex: 2

コンテナ 1 をコンテナのように動作させ、extra を設定して、親コンテナlayout: 'vbox'の によりコンテナ 1 の高さが同じになるようにします。flex: 1

flexこれらの子 (項目) の高さがそれらの子 (項目) を決定するため、高さを変更せずにコンテナー 1 に項目を追加できます。