全屏面板覆蓋在煎茶觸摸1

Question

我試圖從底部滑動Panel，使其覆蓋整個視口，就像在iOS的Safari瀏覽器書籤面板。這類似於ActionSheet，但fulscreen，沒有它周圍的暗框。

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

這類作品，但新面板不填滿整個屏幕，其部分顯示在背景面板後面。我已經試過各種佈局，包括fit，vbox，伴有不同程度的醜陋的，但根本的問題似乎是，專家組不知道它需要多高是。也許因爲它沒有容器？

有什麼建議嗎？這甚至是正確的方法，或者我應該嘗試破解ActionSheet擴大到全屏，並顯示沒有邊界？

謝謝。

Answer 1

因爲你的面板是浮動（或我相信它），你需要給面板在煎茶觸摸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不工作）。