|
本帖最后由 kwwwvagaa 于 2016-1-8 17:41 编辑
有这么一个需求,某一个在点击了按钮或者其他操作的时候显示“正在操作,请稍候。。。”,点击某一个按钮的时候显示“正在处理文件,请稍候”,这个什么怎么办呢???看下面:
先加一个js文件MaskEx.js
代码如下
- var myMask;
- //新建一个Mask
- function CreateNewMask(text) {
- myMask = new Ext.LoadMask(Ext.getBody(), {//也可以是Ext.getCmp('').getEl()窗口名称
- msg: text //你要写成Loading...也可以
- });
- }
- //显示新建的Mask
- function ShowNewMask() {
- SetIniMaskEabled(false);
- myMask.show();
- }
- //隐藏引荐的Mask
- function CloseNewMask() {
- SetIniMaskEabled(true);
- myMask.hide();
- }
- //加载时设置整页Mask
- function LoadMask(text) {
- F.ready(function () {
- SetMask(text);
- });
- }
- //设置整页Mask
- function SetMask(text) {
- F.ajaxLoadingMask = Ext.create('Ext.LoadMask', Ext.getBody(), { msg: text });
- }
- //设置默认的提示框状态
- function SetIniMaskEabled(enabled) {
- F.control_enable_ajax_loading = enabled;
- }
复制代码
页面代码如下
- <body>
- <form id="form1" runat="server">
- <f:PageManager ID="PageManager1" runat="server" AutoSizePanelID="grvData" />
- <f:Button runat="server" ID="btnTest" Text="测试" OnClick="btnTest_Click" OnClientClick="CreateNewMask('测试。。。');ShowNewMask() ;"/>
- </form>
- </body>
- <script src="res/js/MaskEx.js" type="text/javascript"></script>
- <script src="res/js/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- LoadMask("正在操作,请稍候。。。");
- </script>
- </html>
复制代码 后台代码如下
- protected void btnTest_Click(object sender, EventArgs e)
- {
- System.Threading.Thread.Sleep(10000);
- PageContext.RegisterStartupScript("CloseNewMas()");
- }
复制代码 效果如下:
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
|