EXTJS如何设置VBOX面板100％的高度

enter image description here EXTJS如何设置VBOX面板100％的高度

嗨〜，

我想100％遗留高度设置为面板2，但我不知道该怎么办..

这里是我的测试代码，

{ 
    title : 'EAST', 
    region : 'east', 
    layout : 'vbox', 
    layoutConfig : { 
     align : 'stretch' 
    }, 
    bodyStyle : 'border:1px solid blue', 
    width: 300, 
    items : [ 
     new Ext.Panel({ 
      title : 'Panel 1', 
      border : true, 
      layout : 'fit', 
      height : 250, 
      html : 'PANEL 1 AREA' 
     }), 
     new Ext.Panel({ 
      title : 'Panel 2', 
      border : true, 
      bodyStyle : 'border:1px solid red', 
      layout : 'fit', 
      html : 'PANEL 2 AREA' 
     }) 
    ] 
}

我试过，autoHeight：真实和高度： '100％'，以面板2，但它不工作。

有人知道，请帮帮我〜

谢谢〜！

来源

2012-01-07 Expert wanna be

如果我只是只有1个面板，我想拉伸它（身高100％），该怎么办？ – 2017-02-17 03:18:01

您应该为第二个面板使用flex属性。

new Ext.Panel({ 
    title : 'Panel 2', 
    border : true, 
    bodyStyle : 'border:1px solid red', 
    layout : 'fit', 
    html : 'PANEL 2 AREA', 
    flex: 1 
})

来源

2012-01-07 14:08:35 Krzysztof

太棒了！有用！非常感谢你！ – 2012-01-07 14:11:55

尝试在第二面板设置挠曲属性当组分是由已被配置为使用的BoxLayout集装箱渲染

new Ext.Panel({ 
     title  : 'Panel 2', 
     border : true, 
     bodyStyle : 'border:1px solid red', 
     layout : 'fit', 
     html  : 'PANEL 2 AREA', 
     flex  : 1 

    })

挠曲时才使用。每个具有flex特性的子组件都将根据项目的相对弹性值（与所有具有指定flex值的组件的总和）垂直弯曲（通过VBoxLayout）或水平（通过HBoxLayout）。

来源

2012-01-07 14:07:54 MMT

太棒了！有用！非常感谢你！ – 2012-01-07 14:10:32

EXTJS如何设置VBOX面板100％的高度

回答

相关问题