<EventMask ShowMask="true" MinDelay="500" Msg="Loading..." />
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript">
var btnMask = function (btn) {
var maskWholePage = function(btn){
el = Ext.getBody().createChild({ style: "position:absolute;left:0;top:0;width:100%;height:100%;z-index:20000;background-color:Transparent;" });
var scroll = Ext.getBody().getScroll();
el.setLeftTop(scroll.left, scroll.top);
el.mask("Saving...", "x-mask-loading");
btn.maskEl = el;
}
btn.task = new Ext.util.DelayedTask(maskWholePage.createCallback(btn));
btn.task.delay(500);
}
var btnUnmask = function(btn){
btn.task.cancel();
delete btn.task;
if(btn.maskEl){
btn.maskEl.unmask();
delete btn.maskEl;
}
}
</script>
<script runat="server">
protected void ClickEvent1(object sender, AjaxEventArgs e)
{
System.Threading.Thread.Sleep(1000);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" ScriptMode="Debug" />
<ext:Button runat="server" Text="Click">
<AjaxEvents>
<Click OnEvent="ClickEvent1"
Before="btnMask(el);"
Success="btnUnmask(el);">
</Click>
</AjaxEvents>
</ext:Button>
</form>
</body>
</html>
Posting Permissions
| Frameworks and Tools for .NET Developers