Ext进度条,在相应的地方直接调用UICtrl.InitForm中的showProgress就可以。
UICtrl.initForm = null;
UICtrl.InitForm = function(){
Ext.MessageBox.show({
// 等待标题
title : "请等待正在系统初始化......",
// 允许进度条
progress : true,
// 设置宽度
width : 300
});
// 控制进度速度
var f = function(v,msg) {
// 返回进度条 状态
return function() {
// 到了11 隐藏
if (v == 12) {
Ext.MessageBox.hide();
} else {
var i = v / 11;
Ext.MessageBox.updateProgress( i, Math.round(100 * i) + '%');
Ext.MessageBox.updateText(msg);
}
};
};
this.showProgress = function(v,msg){
setTimeout(f(v,msg), 2000); ;
}
}
分享到:
相关推荐
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
根据给定文件的信息,我们可以提炼出与“ext 简单 进度条 伪进度条”相关的知识点。下面将详细展开这些知识点。 ### 1. Ext JS 简介 Ext JS 是一个用于构建现代 Web 应用的前端框架。它提供了丰富的 UI 组件、数据...
接下来是JavaScript的实现,JavaScript通常用于网页交互,我们可以使用HTML5的`<progress>`元素配合JavaScript来实现进度条。以下是一个基本的例子: ```html <!DOCTYPE html> 炫酷JavaScript进度条 <progress ...
`Ext.MessageBox.show()`是ExtJS提供的一种显示对话框的方法,其中包括一个进度条选项,这使得它非常适合用来显示任务的进度。例如,在代码片段中,我们首先创建了一个带有进度条的对话框: ```javascript var ...
ProgressColumn是Ext.ux.grid的一个扩展,它允许你在ExtJs的GridPanel中添加一列专门用于显示进度条。这对于监控任务进度、数据加载状态或者任何需要实时反馈的情况非常有用。下面,我们将详细介绍如何使用...
花生米AJAX-UI系列之:基于JQUERY的Progress进度条控件0.1版 特点: 默认样式类似于EXT 可定义进度条的最大,最小值,进度条的宽度和高度; 可定义进度条的背景样式,边框颜色; 可分别绑定当进度改变时,当进度完全...
2. 进度条:在Web开发中,进度条通常由HTML5的`<progress>`元素或CSS3样式实现。在ExtJS中,我们可以使用`Ext.ProgressBar`组件来创建一个可定制的进度条。对于Grid中的进度条列,我们需要在每个单元格内嵌入一个...
标签中的"ext grid progress"暗示了这个话题与EXT Grid的进度条功能相关,这意味着在实际应用中,我们可以利用此扩展来展示任何基于百分比的数据,例如项目完成度、销售目标达成率等。这样的可视化方法可以使数据更...
使用`Ext.MessageBox.show()`创建一个带有进度条的对话框,需要确保`progress`为`true`,并可以调用`Ext.MessageBox.hide()`来隐藏对话框,或者使用`updateProgress()`方法更新进度条的状态,传入当前进度值、...
`show()` 方法是最灵活的,它允许通过配置对象自定义对话框的各个方面,如动画效果、按钮、可关闭性、消息、标题、回调函数、图标、宽度、输入框、进度条等。例如: ```javascript Ext.MessageBox.show({ title:...
在INET控件的Progress事件中,我们可以更新进度条的值,反映下载进度: ```vb Private Sub inet1_Progress(ByVal Progress As Long, ByVal Total As Long) ProgressBar1.Value = Progress * 100 / Total End Sub `...
在上传过程中,通过`fileuploadprogress`事件获取已上传的字节数和总字节数,更新进度条;最后,当文件上传完成时,我们清除进度条。 在描述中提到的博客链接可能提供了一个具体的实现案例,但由于链接未给出具体...
上传进度条的实现通常基于HTTP协议的 Chunked Transfer Encoding 或者是利用XMLHttpRequest或Fetch API的Progress事件。Chunked Transfer Encoding允许服务器和客户端以分块的方式传输数据,这样即使在上传大文件时...
`Ext.MessageBox.show`还可以用于创建进度条对话框,用于显示后台任务的进度。 **示例代码:** ```javascript var config = { title: "please waiting", msg: "now is loading", width: 300, progressText: ...
- **功能描述**:Progress Bar 是一个进度条组件,用于显示任务完成的进度。 - **主要用途**:指示后台操作的完成状态,如文件上传或下载过程。 **2.10 Split Button (Ext.SplitButton)** - **xtype**: `split...
* progress:一个进度条组件,用于显示进度。 * splitbutton:一个拆分按钮组件,用于拆分某些操作。 * tabpanel:一个标签面板组件,用于显示多个页面。 * treepanel:一个树形面板组件,用于显示树形结构的数据。 ...
// 验证合法后使用加载进度条 Ext.MessageBox.show({ title: '请稍等', msg: '正在加载', progressText: '', width: 300, progress: true, closable: false, animEl: 'loding' }); // 控制进度速度 var ...
3. **EXT4的进度条组件**:EXT4提供了ProgressBar组件,可以根据上传进度实时更新进度条。 **本地预览** 1. **FileReader API**:HTML5的FileReader接口允许读取文件内容,通过`readAsDataURL`方法可以将文件内容...
包括动画效果(animEl)、按钮配置(buttons)、是否可关闭(closable)、消息内容(msg)、标题(title)、关闭后的回调函数(fn)、图标(...(multiline)、进度条(progress)和进度条文本(progressText)等...