Sencha touch Sencha Touch 1中的全屏面板覆盖

我试图从底部滑动

面板

，使其覆盖整个视口，就像iOS Safari中的书签面板一样。这类似于

操作表

，但为fulscreen，周围没有黑色边框

this.advSearch = Ext.ComponentMgr.create({xtype: 'advanced_search', itemId: 'pnlAdvancedSearch'});
this.advSearch.autoRender = true;
this.advSearch.show({type: 'slide', direction: 'up'});

这种方式可以工作，但新面板并没有填满整个屏幕，部分面板出现在背景面板后面。我尝试过各种布局，包括

fit

，

vbox

，但根本问题似乎是面板不知道需要多高。也许是因为它没有容器

有什么建议吗？这是正确的方法吗？还是我应该尝试破解操作表，将其扩展到全屏，并在没有边界的情况下显示

---

谢谢。

因为您的面板是浮动的（或者我认为是浮动的），您需要在Sencha Touch 1中为面板设置固定高度。你在这方面很受限制。以下代码应该有效：

var sheet = new Ext.Sheet({
    html: 'hello',
    style: 'color:#fff',
    height: window.innerHeight,
    stretchX: true
});

// replace this show with your animation
sheet.show();

如你所见，我给它一个固定的窗口高度，然后在X轴上拉伸它（y不起作用）