FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 3329|回复: 1
打印 上一主题 下一主题

开源版设置自定义提示框

[复制链接]
跳转到指定楼层
楼主
发表于 2016-1-8 17:39:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 kwwwvagaa 于 2016-1-8 17:41 编辑

有这么一个需求,某一个在点击了按钮或者其他操作的时候显示“正在操作,请稍候。。。”,点击某一个按钮的时候显示“正在处理文件,请稍候”,这个什么怎么办呢???看下面:
先加一个js文件MaskEx.js
代码如下

  1. var myMask;
  2. //新建一个Mask
  3. function CreateNewMask(text) {
  4.     myMask = new Ext.LoadMask(Ext.getBody(), {//也可以是Ext.getCmp('').getEl()窗口名称
  5.         msg: text //你要写成Loading...也可以
  6.     });
  7. }
  8. //显示新建的Mask
  9. function ShowNewMask() {
  10.     SetIniMaskEabled(false);
  11.     myMask.show();
  12. }
  13. //隐藏引荐的Mask
  14. function CloseNewMask() {
  15.     SetIniMaskEabled(true);
  16.     myMask.hide();
  17. }

  18. //加载时设置整页Mask
  19. function LoadMask(text) {
  20.     F.ready(function () {
  21.         SetMask(text);
  22.     });
  23. }

  24. //设置整页Mask
  25. function SetMask(text) {
  26.     F.ajaxLoadingMask = Ext.create('Ext.LoadMask', Ext.getBody(), { msg: text });
  27. }

  28. //设置默认的提示框状态
  29. function SetIniMaskEabled(enabled) {
  30.     F.control_enable_ajax_loading = enabled;
  31. }
复制代码

页面代码如下
  1. <body>
  2.     <form id="form1" runat="server">
  3.     <f:PageManager ID="PageManager1" runat="server" AutoSizePanelID="grvData" />
  4.     <f:Button runat="server" ID="btnTest" Text="测试" OnClick="btnTest_Click"  OnClientClick="CreateNewMask('测试。。。');ShowNewMask() ;"/>
  5.     </form>
  6. </body>
  7. <script src="res/js/MaskEx.js" type="text/javascript"></script>
  8. <script src="res/js/jquery.min.js" type="text/javascript"></script>
  9. <script type="text/javascript">
  10.     LoadMask("正在操作,请稍候。。。");
  11. </script>
  12. </html>
复制代码
后台代码如下
  1. protected void btnTest_Click(object sender, EventArgs e)
  2.     {
  3.         System.Threading.Thread.Sleep(10000);
  4.         PageContext.RegisterStartupScript("CloseNewMas()");
  5.     }
复制代码
效果如下:


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-23 02:10 , Processed in 0.043902 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表