2015-06-09 6 views
5

Ich versuche, einen Benutzer-Manager erstellen zu erstellen, ich erstellen und bearbeitet und Benutzer löschen, in der Löschaktion mich mit einem „fortfahren“, um einen modalen Bestätigungsdialog angezeigt werden soll & „abbrechen“ -Tasten, Benutzer-Unterdrückung zu bestätigen.Wie ein modalen Bestätigungsdialog vor löscht mit glut-cli

Was sind die besten Verfahren, das zu tun, ich verwende ember-cli 0.2.3, Es gibt viele Vorschläge im Netz, ich bin ein wenig verwirrt mit diesen Lösungen, was ist der Standard oder der beste Weg Modals mit Ember-CLI erstellen?

+0

Sie können die verfügbaren Plugins verwenden ** [hier] (http://jquery-plugins.net/tag/confirm-box) ** –

Antwort

1

Sie sollten Ihre toggleModal Funktion mit der Löschtaste und Ihrer deleteUser fucntion mit der Schaltfläche ‚OK‘ im Modal binden.

Zum Beispiel:

//button to call modal 
<button {{action 'showModal' 'modal-main'}}>Delete User</button> 


//ok button on the modal 
<button {{action 'deleteAfterConfirm' 'modal-main'}}>Ok</button> 

export default Ember.Controller.extend({ 
    actions: { 
     deleteAfterConfirm: function(userId) { 
      if (confirm("Want to delete?");) { 
      //deleteUser 
      } 
     }, 
     showModal: function(targetId) { 
      var modal = Ember.Views.views[targetId]; 
      modal.send('toggleModal'); 
     } 
    } 
}); 

Sie here im Detail sehen kann, wie erstellen und Stil Ihre modalen

+0

Danke für die schnelle Antwort, "modal-main" ist es eine Komponente? – Grimmy

+0

Haupt-modal ist die ID Ihrer Komponente. –

+0

Zum Beispiel: $ ember generieren Komponente modal; {{#modal aktiviert = false id = "modal-main"}} Laden .... {{/ modal}} –

Verwandte Themen