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确定它们的高度。

让 Container 1 表现得像一个容器并设置一个 extra layout: 'vbox'，以便容器 1 的高度由于flex: 1父容器上的而保持不变。

然后，您可以在不更改其高度的情况下将项目添加到容器 1，因为flex这些子项（项）的 将确定这些子项（项）的高度。