回发中的ASP.NET锁屏(母版页)

时间:2017-03-17 12:02:42

标签: javascript c# css asp.net telerik

我正在开发ASP.NET Webform应用程序,我希望在任何回发操作中锁定屏幕并显示“请等待”等消息。我可以为控件(如Button)事件(click事件)执行此操作。我可以通过javascript从clientclick做到这一点。我在该div中显示 div 并写请等待。但我有很多页面。这意味着我必须将div放到每个页面上,然后我添加了代码,它将div显示给每个事件函数。

我想在Master Page中这样做。我怎样才能实现这个目标?我的代码就像:

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

1 个答案:

答案 0 :(得分:1)

在MasterPage中包含您的JavaScript和CSS,并在其SlavePages上应用。就像在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和类。