Sencha Touch 2具有多個視圖的佈局

我有一個包含3個不同視圖（頂部工具欄，內容面板，底部工具欄）的視圖，問題是內容面板（帶有Dataview的面板）隱藏在\隱藏工具欄取決於物品的順序）。Sencha Touch 2具有多個視圖的佈局

的主要觀點是：

Ext.define("myapp.view.myview", { 
    extend: "Ext.Panel", 
    alias: "widget.myview", 
    requires: [ 
     'myapp.view.topMenu', 
     'myapp.view.bottomMenu', 
     'myapp.view.DataContainer' 
    ], 
    config: { 
     fullscreen: true, 
     layout: { 
      type: 'fit', 
     }, 
     items: [         
      { xtype: 'DataContainer'},   
      { xtype: 'topMenu' }, 
      { xtype: 'bottomMenu' } 
     ] 
    } 
});

我試着用容器和也嘗試過間隔，但它並沒有改變任何事情。謝謝。

來源

2012-08-07 ItayM

明白了 - 我不得不把工具欄裏面集裝箱，碼頭集裝箱的頂部/底部：

Ext.define("App.view.topMenu", { 
extend: "Ext.Container", 
alias: "widget.topMenu", 

config: {   
    docked: "top", 
    items: [ 
    { 
     xtype: "toolbar",

來源

2012-08-07 14:33:45 ItayM

嗨@ItayM你可以改變你configExt.Panel容器中，

config: { 
    fullscreen: true, 
    layout: { 
     type: 'fit', 
    }, 
    ... 
}

要

config: { 
    layout: 'vbox', 
    ... 
}

也許layout: { type: 'fit', },重疊的其他元素融入您的Ext.Panel。

希望這些幫助。 :)

來源

2012-08-07 12:29:34 hekomobile

Sencha Touch 2具有多個視圖的佈局

回答

相關問題