ASP.NET 回传中的锁屏（母版页）

Question

我正在开发 ASP.NET Webform 应用程序，我想在任何回发操作中锁定屏幕并显示 'Please wait.' 之类的消息。我能够为控件（如按钮）事件（单击事件）执行此操作。我可以通过 javascript 从 clientclick 执行此操作。我显示 div 并在 div 中写 Please wait。但是我有很多页。这意味着我必须将 div 放到每个页面，并且我将显示 div 的代码添加到每个事件函数。

我想在母版页中完成。我怎样才能实现这个目标？我的代码是这样的：

function skm_LockScreen() {
    var lock = document.getElementById('skm_LockPane');
    if (lock)
        lock.className = 'LockOn';
        lock.innerHTML = 'please wait.';
}

function skm_UnLockScreen() {
    var lock = document.getElementById('skm_LockPane');
    if (lock)
        lock.className = 'LockOff';
}

.LockOff { 
    display: none; 
    visibility: hidden; 
} 

.LockOn { 
    display: block; 
    visibility: visible; 
    position: absolute; 
    z-index: 999; 
    top: 0px; 
    left: 0px; 
    width: 105%; 
    height: 105%; 
    background-color: #ccc; 
    text-align: center; 
    padding-top: 20%; 
    filter: alpha(opacity=75); 
    opacity: 0.75; 
}

<div id="skm_LockPane" class="LockOff"></div>

如果您有关于 Telerik 的解决方案，我也接受。我正在使用 telerik

Answer 1

将您的 JavaScript 和 CSS 包含在母版页上，并在其副页上应用。在 masterpage.master 页面中点赞：

<head runat="server">
    <title></title>
    <link href="MyStyles.css" rel="stylesheet" type="text/css" />
    <script src="MyJavaScript.js" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>

并在任何页面的标签上设置 id 和 class。

ASP.NET 回传中的锁屏（母版页）

ASP.NET lock screen in postback (Master Page)

javascript

css

c#

asp.net

telerik