关闭模态时发出警告,并要求用户在关闭前确认

时间:2015-03-01 17:52:47

标签: angularjs user-interface modal-dialog user-experience

我正试图实施angularjs模态并进行验证。当人们在模态窗口外面点击时,我不想要关闭模态。原因是我的模态在功能上有点沉重,如果错误发生,它们将失去在模态窗口上完成的大量工作。

我可以允许他们在外面点击或按esc时关闭,但我仍然需要发出警告说他们可能会失去工作。莫代尔只会在他们选择的情况下关闭。单击取消按钮时需要复制相同的行为。如果有机制发出警告,我不必阻止用户关闭esc上的模式或点击外部。目前我可以使用" static:true"在模态上防止在点击外部时关闭模态,但键盘:false"似乎不起作用。当我按下" esc"它仍然关闭。总结一下,有两个问题: 1.如何发出警告,说明他们失去了点击取消,按下转义或点击外面的工作? 2.为什么&键盘:false'不行吗?

以下the http://plnkr.co/edit/8ueIf3KXO5ozXEclJBRe?p=preview使用&键盘:false'不工作?你也可以为第一个问题修改同一个plunker。

也许我过度思考这个问题。我一直在努力研究我的应用程序的可用性流程,并且制作这种模式的原因是整体流程有点复杂,如果我不使用模态,它会变得非常混乱。

就像我试图为大学配置数据一样,首先我必须配置大学,然后是学校,然后是他们的部门,最后在每个部门,可能有教师,资产,课程等等。比如当大学购买这个应用程序时,这是一次设置,一次设置完成后,他们很少会更改此信息。

在进行一次设置时,对于每个资产,可能涉及CRUD操作,并且每个操作都可能导致最多四个新屏幕。

为了简化这个过程,我尝试使用模态实现CRUD操作,以便在设置用户时明确他们在大学工作的内容(CRUD) - > school(CRUD) - >部门(CRUD) - >类(CRUD) - >老师(CRUD)。你们如何处理这种分层数据设置,以及如何简化可用性?任何建议都将受到高度赞赏。

0 个答案:

没有答案