除一个“岛”外,如何禁用整个页面?

时间:2010-08-30 15:25:33

标签: jquery

我一直遇到用户会:

的情况
  1. 进入网格上的编辑模式
  2. 编辑他们的数据
  3. 不要点击该行上的保存按钮 他们正在编辑
  4. 但是请点击“下一页” 按钮认为它会拯救他们 数据
  5. 我曾经想过在“下一页”按钮上添加功能,这会在编辑模式下检查网格中的行并保存它们,但我认为这样可以保存一些用户不想保存的数据。

    我想要做的是基本上覆盖整个页面之外的处于编辑模式的行,其中半透明div不允许他们点击任何其他内容他们要么保存更改,要么取消编辑模式。

    有没有人使用jQuery做过类似的事情?

3 个答案:

答案 0 :(得分:1)

您似乎不想要“向导”或“对话框”,您希望您的行在其位置上是模态的。您可以在整个页面上创建一个捕获鼠标事件的div,然后暂时向构成单个目标行的所有div添加一个类(jQuery将是完美的),从而提高上述div的z-index整页覆盖div。

答案 1 :(得分:1)

插件blockUI将完成此操作。强烈推荐。

只需使用$.blockUI屏蔽整个页面,然后在您要启用的行上调用$.unblockUI

答案 2 :(得分:0)

我会说“正确”的解决方案是禁用“下一步”按钮,直到保存该行(或取消编辑)

但是,如果你确实想要你所描述的内容,那就是jQuery UI Dialog plugin.

的行动。