Sencha Touch嵌套式面板高度問題

Question

在構建視圖時，我嘗試在面板中嵌入一個面板，然後嵌入面板。

所以基本上有一個嵌套的結構是這樣的：

Ext.Panel
--Ext.form.Panel
--Ext.Panel

的問題是，該FormPanel中沒有的高度。如果formpanel能夠獲得所需的高度，那將會很好。像高度：在CSS中自動。

任何想法？

的代碼如下：預先

Ext.define('MyApp.view.MyView', { 
    extend: 'Ext.Panel', 
    xtype: 'myview', 

    config : { 
     scrollable: true, 
     items : [ 
      { 
       xtype: 'formpanel', 
       items: [ 
        { 
         html: 'Content in formpanel' 
        } 
       ] 
      }, 
      { 
       xtype: 'panel', 

       items: [ 
        { 
         html: "Content in panel" 
        } 
       ] 
      } 
     ] 
    } 
}); 

感謝。

Answer 1

您可以嘗試使用layout和flex性質是這樣的：

Ext.define('MyApp.view.MyView', { 
extend: 'Ext.Panel', 
xtype: 'myview', 

config : { 
    scrollable: true, 
    layout: 'vbox', 
    defaults: {flex: 1}, 
    items : [ 
     { 
      xtype: 'formpanel', 
      items: [ 
       { 
        html: 'Content in formpanel' 
       } 
      ] 
     }, 
     { 
      xtype: 'panel', 

      items: [ 
       { 
        html: "Content in panel" 
       } 
      ] 
     } 
    ] 
} 
}); 

可以在煎茶觸摸2.希望它能幫助:)

Answer 2

要顯示FormPanel中汲取這次video更多關於佈局（分機.form.Panel，Sencha Touch 2.3+）正確地在其他容器內需要添加scrollable: null屬性。見示例

{ 
    xtype: 'formpanel', 
    scrollable: null,   
    items: [ 
     ... 
    ] 
}