FineUI 官方论坛

标题: 开源版设置自定义提示框 [打印本页]
作者: kwwwvagaa    时间: 2016-1-8 17:39
标题: 开源版设置自定义提示框
本帖最后由 kwwwvagaa 于 2016-1-8 17:41 编辑

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

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

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

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

  32. //设置默认的提示框状态
  33. function SetIniMaskEabled(enabled) {
  34.     F.control_enable_ajax_loading = enabled;
  35. }
复制代码

页面代码如下
  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.     }
复制代码
效果如下：
[attach]8450[/attach]

作者: 苏小见    时间: 2016-5-4 09:16
谢谢楼主~



欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4