UserControl阻止/隐藏/覆盖页面上的所有其他控件

Question

说我做了一个用户控制。我希望它有以下行为：

当

1. 属性为true时，用户只能操作它内部的东西，而不能操作它之外的任何东西，即包含用户控件(如果有的话)的任何其他控件，而且用户无法访问该页面。(更好的情况是，如果用户也看不见它们。)
2. 在回发之间持续上述效果，直到它的Visible更改为false为止。当发生这种情况时，该用户控件对用户是不可见的，并且它之外的内容将恢复到他们的正常状态。

如何才能做到这一点？

Answer 1

一种很好的方法是让加州大学分局。然后弹出带有对话框的div (jquery.UI对话框)。当显示这样的对话框时，屏幕背景会变成灰色，只有控件是可见的。如果您单击/使用该控件中导致页面回发的任何按钮，则该按钮将崩溃、消失，页面将恢复正常，用户可以使用。

效果如下：

以下是编辑数据的GV。当我点击编辑按钮，我显示我的UC (编辑一行)。

所以，这个网格

​

​

所以，这是实现你的目标的一种方法。通过弹出一个div (其中包含UC )，我们为用户独占"UI“，将焦点放在/打开/查看弹出对话框中，更好的是，整个屏幕背景为灰色，用户无法选择/使用/单击页面上的任何控件。

上面的想法可能不适用于您，但是如果它可以被采用，那么您的所有用于禁用页面其余部分的messay代码和倒立都是自动完成的。

如前所述，我们都安装了相当多的jQuery。您必须添加jQuery.UI。

因此，弹出上述对话框的代码如下：

   <script>
       function popedit() {

            MyPWidth = "62em"
            MyWidth = $(window).width()

            if (MyWidth < 840) {
                MyPWidth = (MyWidth - 25)  + 'px'
            }

            var myDialog = $("#EditRecord");
            myDialog.dialog({
                title: "Edit Hotel",
                width: MyPWidth,
                modal: true,
                appendTo: "form",
                dialogClass : "dialogWithDropShadow",
                close: myclose
            });
       }

因此，上面弹出了名为EditRecord的"div“，它为您完成了其余的工作。