如何在显示DIV时禁用主页面？

Question

我希望在显示DIV控件时禁用主页面。例如，一个主要表单有一个DataGrid和一个Add Item按钮，同时单击Add Item按钮，我想显示一个DIV控件的新项目条目，同时主页面控件应该处于disable模式。关闭或隐藏DIV后，我想启用主页面。这怎么可能？请指导我。

How is this possible without a third party component?

Answer 1

你可以通过创建一个div落在主div和你正在显示的div之下来做到这一点。 两个可见的div应该有一个更高的z-index然后是主div。

因为它具有更高的z-index，所以它会禁用主div。此禁用div的尺寸与主div相同。

Answer 2

看一下这个页面，这里有一个完美的例子，说明如何使用JQuery和ASP .NET。

http://www.clientsideasp.deynu.com/alerts/Asp-net-jquery-confirm-gridview.aspx

您应该做的就是通过另一个插入一个或任何您想要的内容来更改确认面板。

此致

Answer 3

使用jquery模式对话框实现它：

http://jqueryui.com/demos/dialog/#modal

根据您的要求，您可以更好地研究模态形式：

http://jqueryui.com/demos/dialog/#modal-form

Answer 4

不是 答案，而是建议（#LFMF）：

您可能希望在关闭模态/ DIV后刷新主页 - 特别是如果模态影响其上的数据（更新，插入，删除）。