ST2でActionSheetを使用する方法

Question

アクションシートを使用したいのですが、どこに配置するのか不明です。ボタンイベント機能に追加しようとしましたが、表示されません（ただし、モーダル画面は機能します）。現在コンテナがないコンポーネントを表示するActionSheet＃showに関するメッセージが表示されます。このコンポーネントをビューポートに追加するには、Ext.Viewport.add（）を使用してください。私のレイアウトのために、Ext.Viewport.add（）を使用しても機能しません。

私はカードレイアウトであるビューポートコントローラ/ビューを持っています。ボタンをクリックすると、ビューポートコントローラに新しいコントローラ/ビューカードをロードする機能がビューポートにあります。アクションシートはこれらのカードの1枚に入っています。このアプリは、投稿するのが大変ですので、うまくいけば意味があります。

ビューアイテム配列にアクションシートを追加しようとしましたが、表示方法を知らない - xtypeアクションシートへの参照がshow（）メソッドでオブジェクトを返さない。

編集：実験を重ねた結果、カードの内側にカードを配置しているようです。カードレイアウトコンテナには相対位置とアクションシートが絶対的にあります。これは何とかアクションシートを画面から外す原因になります。カードコンテナを絶対に修正するように設定すると、今度はNavbarの位置に問題があります。提案？

だから、少しこだわって...

Answer 1

これは、あなたのアクションシートを表示するために何をする必要があるかです：

var actionSheet = Ext.create('Ext.ActionSheet', { 
    items: [ 
     { 
      text: 'Delete draft', 
      ui : 'decline' 
     }, 
     { 
      text: 'Save draft' 
     }, 
     { 
      text: 'Cancel', 
      ui : 'confirm' 
     } 
    ] 
}); 

Ext.Viewport.add(actionSheet); 
actionSheet.show();