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％的高度

回答

相關問題