Sencha Touch 1のフルスクリーンパネルオーバーレイ

Question

Panelを下からスライドさせて、iOS Safariのブックマークパネルのようにビューポート全体をカバーします。これはActionSheetに似ていますが、フルスクリーンですが、周囲にダークフレームがありません。

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

あなたのパネルが浮いている（または私がそうであると推測している）ので、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(); 

、私はそれをウィンドウの固定の高さを与え、その後、（yは動作しません）X軸上に伸ばします。