Ext.MessageBox.Show使用Progress
在此之前,先添加引用:以下引用方式仅供参考:由于我的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相关推荐
- ExtJs2.0学习系列(1)--Ext.MessageBox
随笔- 71 文章- 10 评论- 1096 ExtJs2.0学习系列(1)--Ext.MessageBox 大家都知道,刚开始搞extjs的时候,很是有点困难,所以本人在新手刚入门后准备了这个 ...
- 94. Ext.MessageBox消息框
转自:https://www.cnblogs.com/libingql/archive/2012/03/30/2426198.html Ext JS消息提示框主要包括:alert.confirm.pr ...
- 实用ExtJS教程100例-004:等待对话框Ext.MessageBox.wait
在前面两节中,我们分别演示了ExtJS三种常用的对话框和ExtJS带有进度条的对话框.在本节内容中,我们来看看ExtJS中的等待对话框. 首先来看一个简单的例子[查看在线示例]: 这种对话框会一直滚动 ...
- Coolite(二)服务器端Alert,Confirm,Prompt
一:Alert Alert组件最简单的用法就是直接弹出一个消息提示框: protected void Button_Click(object sender, AjaxEventArgs e) ...
- Ext.Net messagebox
在Ext.Net开发中Ext.net消息提示框我们经常会用Ext.MessageBox.show(). 在此列举最常用的配置参数: buttons:弹出框按钮的设置,主要有以下几种:Ext.Msg. ...
- Ext 与 Jquery 的结合应用
废话: 我一直主张各司其职,页面的UI就应该由专门的人去做(flash,css等)而不应该交给js来完成,不过最近在周围朋友的影响下对ext也充满了好奇,毕竟ext的UI表现还是很优美的(本人是个大老 ...
- 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 按钮 ...
- Ext Tree异步树的增加修改删除的简单实现~
之前项目有个模块要求用树形解决,附带要实现checkbox,增删修改以及copy/cut/paste等等功能: 因为之前写的人用了xloadTree,其他功能都实现了,但是客户要求要有cookie功能 ...
- ExtJs4 笔记(8) Ext.slider 滚轴控件、 Ext.ProgressBar 进度条控件、 Ext.Editor 编辑控件...
本篇要登场的有三个控件,分别是滚轴控件.进度条控件和编辑控件. 一.滚轴控件 Ext.slider 1.滚轴控件的定义 下面我们定义三个具有代表意义滚轴控件,分别展示滚轴横向.纵向,以及单值.多值选择 ...
最新文章
- Linux下pwn从入门到放弃,pwn从入门到放弃第六章——简单ROP
- C#8.0可空引用类型的使用注意要点 1
- oracle锁表会话超时时间,ORACLE快速彻底Kill掉的会话,防止锁表
- Page Cache的落地问题
- 踩内存是什么意思啊_网络资讯:0x0000008e蓝屏代码是什么
- idea无限重置插件安装
- 可靠的自托管「GitHub 热点速览 v.22.37」
- 简洁实用jQuery进度条插件
- 企业微信的好处和功能介绍 | 最新企业微信电脑版下载
- 对mysql优化关注_效率提高N倍的19条MySQL优化秘籍
- CS224d-Day 2:TensorFlow 入门
- php发送邮件的方式,php 发送邮件几种方式
- qt4.8.7 2016年4月18日 error reading collection file qthelpcollection cannot load sql
- Python简单实现人脸识别检测, 对照片进行评分
- 用turtle画奥运五环
- 用Python Opencv实现视频快进
- 不只是游戏,王者荣耀已成创业者淘金地
- 操作系统实验四:文件系统
- Matlab对科氏力建模,基于ADAMS和MATLAB的惯性组件联合仿真研究
- STM32CUBEMX开发GD32F303(12)----输出PWM及修改PWM频率与占空比
热门文章
- JS实例操作QQ空间自动点赞方法
- 用GCD来处理大量for loop任务
- [移动网关]2G环境下资源下载有一定概率失败,客户端日志显示收到403错误
- angular 点击事件阻止冒泡及默认行为
- linux系统安装细节及磁盘分区划分
- JavaScript DOM 编程艺术 --- JavaScript语法
- app崩溃后自动重启
- EditText的 焦点事件 setOnFocusChangeListener
- Java三大特性[封装,继承,多态]
- linux 空间不够了,怎么办?Disk Requirements:At least 11MB more space needed on the / filesystem....