如何在使用ember-cli刪除之前創建模式確認對話框

Question

我想創建一個用戶管理器，我可以創建編輯和刪除用戶，在刪除操作中，我想顯示一個帶有「繼續」 &「取消」按鈕，確認用戶的抑制。

這樣做的最佳做法是什麼，我正在使用ember-cli 0.2.3，網上有很多建議，我對這些解決方案有些困惑，標準是什麼或最好的方法是什麼用Ember-CLI創建模態？

Answer 1

你應該用模式中的'ok'按鈕綁定你的toggleModal函數，刪除按鈕和你的deleteUser函數。

例如：

//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'); 
     } 
    } 
}); 

你可以看到here詳細介紹瞭如何創建和樣式化模式

Answer 2

您可以使用Bootstrap's modal和動作綁定到「繼續」按鈕。

Bootstrap模態的現場演示here。