在此之前,先添加引用:以下引用方式仅供参考:由于我的extjs文件夹放在script文件夹下

<link href="~/Scripts/extjs/resources/ext-theme-neptune/ext-theme-neptune-all.css" rel="stylesheet" />
    <!--4.0后用bootstrap.js替代adapter\-->
    <script src="~/Scripts/extjs/bootstrap.js"></script>
    <script src="~/Scripts/extjs/locale/ext-lang-zh_CN.js"></script>

<script type="text/javascript" >

Ext.onReady(function () {
            //Show progress dialog
            Ext.Msg.show({
                title: "Message",
                msg: "Loading,please wait...",
                icon: Ext.Msg.INFO,
                progress: true,
                closable: false,
                width:350,
                fn: function (btn, txt) {
                    //alert(Ext.String.format("click the '{0}' value is '{1}'", btn, txt));
                }
            });
            //progress bar refresh count、percent、display msg
            var count = 0, percent = 0, progressMsg;
            //define timers task to update progress info
            var task = {
                run: function () {
                    count++;
                    percent = count;
                   // Ext.Msg.alert("d",percent);
                    progressMsg = Ext.String.format("当前进度:{0}%,当前时间:{1}", percent,Ext.Date.format(new Date(),"Y-m-d H:i:s ms"));
                    Ext.Msg.updateProgress(percent/100, progressMsg);
                    if (count >= 100)
                    {
                        Ext.TaskManager.stop(task);
                        //Ext.Msg.hide("destory");
                        Ext.Msg.alert("信息", "加载完毕");
                    }
                },
                interval:10
            };
            Ext.TaskManager.start(task);
        })

</script>

o啦,就这么简单就可以创建一个progress,如图:

连css都省了 爽吧!

以上仅供参考,如有问题 欢迎指出...

转载于:https://www.cnblogs.com/xiexingen/p/3372210.html

Ext.MessageBox.Show使用Progress相关推荐

  1. ExtJs2.0学习系列(1)--Ext.MessageBox

    随笔- 71  文章- 10  评论- 1096  ExtJs2.0学习系列(1)--Ext.MessageBox 大家都知道,刚开始搞extjs的时候,很是有点困难,所以本人在新手刚入门后准备了这个 ...

  2. 94. Ext.MessageBox消息框

    转自:https://www.cnblogs.com/libingql/archive/2012/03/30/2426198.html Ext JS消息提示框主要包括:alert.confirm.pr ...

  3. 实用ExtJS教程100例-004:等待对话框Ext.MessageBox.wait

    在前面两节中,我们分别演示了ExtJS三种常用的对话框和ExtJS带有进度条的对话框.在本节内容中,我们来看看ExtJS中的等待对话框. 首先来看一个简单的例子[查看在线示例]: 这种对话框会一直滚动 ...

  4. Coolite(二)服务器端Alert,Confirm,Prompt

    一:Alert      Alert组件最简单的用法就是直接弹出一个消息提示框: protected void Button_Click(object sender, AjaxEventArgs e) ...

  5. Ext.Net messagebox

    在Ext.Net开发中Ext.net消息提示框我们经常会用Ext.MessageBox.show().  在此列举最常用的配置参数: buttons:弹出框按钮的设置,主要有以下几种:Ext.Msg. ...

  6. Ext 与 Jquery 的结合应用

    废话: 我一直主张各司其职,页面的UI就应该由专门的人去做(flash,css等)而不应该交给js来完成,不过最近在周围朋友的影响下对ext也充满了好奇,毕竟ext的UI表现还是很优美的(本人是个大老 ...

  7. Ext JS的4.1.0的RC 1的发行说明

    Ext JS的 - JavaScript框架 Ext JS的4.1.0的RC 1的发行说明 发行日期:2012年3月13, 版本号:4.1.0的RC 1 修正的错误 钮 EXTJSIV-5129 按钮 ...

  8. Ext Tree异步树的增加修改删除的简单实现~

    之前项目有个模块要求用树形解决,附带要实现checkbox,增删修改以及copy/cut/paste等等功能: 因为之前写的人用了xloadTree,其他功能都实现了,但是客户要求要有cookie功能 ...

  9. ExtJs4 笔记(8) Ext.slider 滚轴控件、 Ext.ProgressBar 进度条控件、 Ext.Editor 编辑控件...

    本篇要登场的有三个控件,分别是滚轴控件.进度条控件和编辑控件. 一.滚轴控件 Ext.slider 1.滚轴控件的定义 下面我们定义三个具有代表意义滚轴控件,分别展示滚轴横向.纵向,以及单值.多值选择 ...

最新文章

  1. Linux下pwn从入门到放弃,pwn从入门到放弃第六章——简单ROP
  2. C#8.0可空引用类型的使用注意要点 1
  3. oracle锁表会话超时时间,ORACLE快速彻底Kill掉的会话,防止锁表
  4. Page Cache的落地问题
  5. 踩内存是什么意思啊_网络资讯:0x0000008e蓝屏代码是什么
  6. idea无限重置插件安装
  7. 可靠的自托管「GitHub 热点速览 v.22.37」
  8. 简洁实用jQuery进度条插件
  9. 企业微信的好处和功能介绍 | 最新企业微信电脑版下载
  10. 对mysql优化关注_效率提高N倍的19条MySQL优化秘籍
  11. CS224d-Day 2:TensorFlow 入门
  12. php发送邮件的方式,php 发送邮件几种方式
  13. qt4.8.7 2016年4月18日 error reading collection file qthelpcollection cannot load sql
  14. Python简单实现人脸识别检测, 对照片进行评分
  15. 用turtle画奥运五环
  16. 用Python Opencv实现视频快进
  17. 不只是游戏,王者荣耀已成创业者淘金地
  18. 操作系统实验四:文件系统
  19. Matlab对科氏力建模,基于ADAMS和MATLAB的惯性组件联合仿真研究
  20. STM32CUBEMX开发GD32F303(12)----输出PWM及修改PWM频率与占空比

热门文章

  1. JS实例操作QQ空间自动点赞方法
  2. 用GCD来处理大量for loop任务
  3. [移动网关]2G环境下资源下载有一定概率失败,客户端日志显示收到403错误
  4. angular 点击事件阻止冒泡及默认行为
  5. linux系统安装细节及磁盘分区划分
  6. JavaScript DOM 编程艺术 --- JavaScript语法
  7. app崩溃后自动重启
  8. EditText的 焦点事件 setOnFocusChangeListener
  9. Java三大特性[封装,继承,多态]
  10. linux 空间不够了,怎么办?Disk Requirements:At least 11MB more space needed on the / filesystem....