如何在ST2中使用ActionSheet

Question

我想使用一個操作表，但我不清楚它放在哪裏。我已經嘗試將它添加到按鈕事件功能，但它不顯示（但模態屏幕）。我收到一條關於ActionSheet＃show的消息，顯示一個當前沒有任何容器的組件。請使用Ext.Viewport.add（）將此組件添加到視口。不知道該怎麼做 - 使用Ext.Viewport.add（）不適合我 - 我可能是因爲我的佈局是：

我有一個視口控制器/視圖這是一個卡布局。當我點擊一個按鈕時，我在視口控制器中有一個函數，用於在視口中加載一個新的控制器/視圖卡。操作表位於其中一張卡片中。該應用程序是大到後期，所以希望它是有道理的。

我曾嘗試在我的視圖項目數組中添加操作表，但不知道如何使其顯示 - 使xtype操作表的引用不會以show（）方法返回對象。

編輯：更多的實驗後，似乎問題是，我把它放在一張卡內 - 卡布局容器有一個相對位置和絕對行動表 - 這不知何故這導致行動表脫離屏幕。設置卡容器絕對修復它，但現在我有導航欄位置的問題。建議？

所以有點卡住...

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();