Question

我的视图包含3个不同的视图（顶部工具栏，内容面板，底部工具栏），问题是内容面板（带数据视图的面板）隐藏在后面\隐藏工具栏（取决于项目的顺序）。

主要观点是：

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' }
       ]
   }
});

我曾试图使用Container并尝试过Spacers但它并没有改变一件事。感谢。

Answer 1

您好@ItayM，您可以更改config Ext.Panel容器，

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

要

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

也许layout: { type: 'fit', },会将其他元素与您的Ext.Panel重叠。

希望这些有所帮助。：）

Answer 2

知道了 - 我必须将工具栏放在Container中并将Container停靠在顶部/底部：

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

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

具有多个视图的Sencha Touch 2布局

2 个答案: