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

Question

我正在尝试创建一个用户管理器,我可以创建编辑和删除用户,在删除操作中,我想显示一个带有"继续"和"取消"按钮的模态确认对话框,以确认用户的抑制.

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

Answer 1

您应该将您的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');
        }
    }
});

您可以在此处详细了解如何创建模态框并设置其样式