如何在使用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。