Comment utiliser ActionSheet dans ST2

Question

Je voudrais utiliser une feuille d'action mais je ne sais pas où le placer. J'ai essayé de l'ajouter à une fonction d'événement de bouton mais il ne montre pas (l'écran modal fait cependant). Je reçois un message à propos d'ActionSheet # show montrant un composant qui n'a actuellement aucun conteneur. Veuillez utiliser Ext.Viewport.add() pour ajouter ce composant à la fenêtre. Je ne sais pas comment faire cela - en utilisant Ext.Viewport.add() ne fonctionne pas pour moi - je peux être à cause de ma mise en page qui est:

J'ai un contrôleur de viewport/vue qui est une disposition de la carte. Lorsque je clique sur un bouton, j'ai une fonction dans le contrôleur de fenêtre qui charge une nouvelle carte contrôleur/vue dans la fenêtre d'affichage. La fiche d'action est dans une de ces cartes. L'application est trop grande pour poster donc j'espère que cela a du sens.

J'ai essayé d'ajouter la feuille d'actions dans mon tableau d'éléments de vue mais je ne sais pas comment le faire apparaître - faire référence à la feuille d'action xtype ne retourne pas un objet avec une méthode show(). Edit: après plus d'expériences, il semble que le problème est que je le place dans une carte - le conteneur de disposition de la carte a une position relative et la feuille de calcul absolue - d'une manière ou d'une autre. Régler le conteneur de la carte sur les correctifs absolus, mais maintenant j'ai des problèmes avec les positions de la barre de navigation. Suggestions?

donc un peu coincé ...

Answer 1

Voici ce que vous devez faire pour montrer votre feuille d'action:

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