如何在使用ember-cli删除之前创建模态确认对话框

Question

我正在尝试创建一个用户管理器，我可以创建编辑和删除用户，在删除操作中我想显示一个模式确认对话框，其中包含“继续”＆amp; “取消”按钮，以确认用户的压制。

这样做的最佳做法是什么，我使用的是ember-cli 0.2.3，网上有很多建议，我对这些解决方案有点困惑，什么是标准或最好的方法使用Ember-CLI创建模态？

Answer 1

你应该将你的toggleModal函数与删除按钮绑定，你的deleteUser函数与模态中的'ok'按钮绑定。

例如：

//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并将操作绑定到＆＃39;继续＆＃39;按钮。

Bootstrap的模态here的现场演示。