`

Ext progress 进度条

    博客分类:
  • Ext
阅读更多
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中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...

    ext 简单 进度条 伪进度条

    根据给定文件的信息,我们可以提炼出与“ext 简单 进度条 伪进度条”相关的知识点。下面将详细展开这些知识点。 ### 1. Ext JS 简介 Ext JS 是一个用于构建现代 Web 应用的前端框架。它提供了丰富的 UI 组件、数据...

    很炫的进度条,完整代码例子!

    接下来是JavaScript的实现,JavaScript通常用于网页交互,我们可以使用HTML5的`<progress>`元素配合JavaScript来实现进度条。以下是一个基本的例子: ```html <!DOCTYPE html> 炫酷JavaScript进度条 <progress ...

    extjs 进度条的显示

    `Ext.MessageBox.show()`是ExtJS提供的一种显示对话框的方法,其中包括一个进度条选项,这使得它非常适合用来显示任务的进度。例如,在代码片段中,我们首先创建了一个带有进度条的对话框: ```javascript var ...

    ExtJs框架系列之ProgressGrid进度条

    ProgressColumn是Ext.ux.grid的一个扩展,它允许你在ExtJs的GridPanel中添加一列专门用于显示进度条。这对于监控任务进度、数据加载状态或者任何需要实时反馈的情况非常有用。下面,我们将详细介绍如何使用...

    [原创]基于JQUERY的ProgressBar进度条控件

    花生米AJAX-UI系列之:基于JQUERY的Progress进度条控件0.1版 特点: 默认样式类似于EXT 可定义进度条的最大,最小值,进度条的宽度和高度; 可定义进度条的背景样式,边框颜色; 可分别绑定当进度改变时,当进度完全...

    ExtJS_可编辑Grid进度条

    2. 进度条:在Web开发中,进度条通常由HTML5的`<progress>`元素或CSS3样式实现。在ExtJS中,我们可以使用`Ext.ProgressBar`组件来创建一个可定制的进度条。对于Grid中的进度条列,我们需要在每个单元格内嵌入一个...

    Ext扩展控件,可以用图片显示百分之多少

    标签中的"ext grid progress"暗示了这个话题与EXT Grid的进度条功能相关,这意味着在实际应用中,我们可以利用此扩展来展示任何基于百分比的数据,例如项目完成度、销售目标达成率等。这样的可视化方法可以使数据更...

    ext学习资料,ext js开发前台页面

    使用`Ext.MessageBox.show()`创建一个带有进度条的对话框,需要确保`progress`为`true`,并可以调用`Ext.MessageBox.hide()`来隐藏对话框,或者使用`updateProgress()`方法更新进度条的状态,传入当前进度值、...

    ext 教材 ext js 教程

    `show()` 方法是最灵活的,它允许通过配置对象自定义对话框的各个方面,如动画效果、按钮、可关闭性、消息、标题、回调函数、图标、宽度、输入框、进度条等。例如: ```javascript Ext.MessageBox.show({ title:...

    VB6带进度条下载

    在INET控件的Progress事件中,我们可以更新进度条的值,反映下载进度: ```vb Private Sub inet1_Progress(ByVal Progress As Long, ByVal Total As Long) ProgressBar1.Value = Progress * 100 / Total End Sub `...

    Ext 实现 文件上传 进度显示

    在上传过程中,通过`fileuploadprogress`事件获取已上传的字节数和总字节数,更新进度条;最后,当文件上传完成时,我们清除进度条。 在描述中提到的博客链接可能提供了一个具体的实现案例,但由于链接未给出具体...

    小例子:上传进度条显示

    上传进度条的实现通常基于HTTP协议的 Chunked Transfer Encoding 或者是利用XMLHttpRequest或Fetch API的Progress事件。Chunked Transfer Encoding允许服务器和客户端以分块的方式传输数据,这样即使在上传大文件时...

    Ext_MessageBox

    `Ext.MessageBox.show`还可以用于创建进度条对话框,用于显示后台任务的进度。 **示例代码:** ```javascript var config = { title: "please waiting", msg: "now is loading", width: 300, progressText: ...

    Ext组件描述,各个组件含义

    - **功能描述**:Progress Bar 是一个进度条组件,用于显示任务完成的进度。 - **主要用途**:指示后台操作的完成状态,如文件上传或下载过程。 **2.10 Split Button (Ext.SplitButton)** - **xtype**: `split...

    Ext中xtype和vtype.

    * progress:一个进度条组件,用于显示进度。 * splitbutton:一个拆分按钮组件,用于拆分某些操作。 * tabpanel:一个标签面板组件,用于显示多个页面。 * treepanel:一个树形面板组件,用于显示树形结构的数据。 ...

    用ext来登录的程序代码

    // 验证合法后使用加载进度条 Ext.MessageBox.show({ title: '请稍等', msg: '正在加载', progressText: '', width: 300, progress: true, closable: false, animEl: 'loding' }); // 控制进度速度 var ...

    Ext相册实现文件拖拽,实时上传进度,本地预览

    3. **EXT4的进度条组件**:EXT4提供了ProgressBar组件,可以根据上传进度实时更新进度条。 **本地预览** 1. **FileReader API**:HTML5的FileReader接口允许读取文件内容,通过`readAsDataURL`方法可以将文件内容...

    非常有用的EXT学习总结

    包括动画效果(animEl)、按钮配置(buttons)、是否可关闭(closable)、消息内容(msg)、标题(title)、关闭后的回调函数(fn)、图标(...(multiline)、进度条(progress)和进度条文本(progressText)等...

Global site tag (gtag.js) - Google Analytics