ExtJs 进度条

忘是亡心i 2022-08-01 15:58 13阅读 0赞

var progressBar = Ext.Msg.show({ 
    	title : '请稍等',
    	msg : '加载中...',
        width : 200,
        wait: true,
        progress : true,
        waitConfig: { interval: 500 /*,duration: 5000 , fn: function () { Ext.Msg.hide(); } */ },
    });

Ext.window.MessageBox 可以使用updateProgress 方法更改进度条进度：

[updateProgress][](  \[[Number][] value\], \[[String][] progressText\], \[[String][] msg\] ) :  [Ext.window.MessageBox][]

更新一个进度样式消息盒子的文本和进度条。 只有相关的消息框 开始需要[progress][]或者[wait][], 或者通过呼叫[show][]为progress: true.

### Parameters ###

*  value : [Number][] (optional)
    
    0和1之间的任何值(e.g., .5)
    
    Defaults to: `0`
 *  progressText : [String][] (optional)
    
    显示在进度条内部的进度文本。
    
    Defaults to: `""`
 *  msg : [String][] (optional)
    
    消息盒子的主题文本被指定的字符串替代(默认为undefined 因此在一个新的值被传进来之前，任何存在的主题文本默认情况下都不会被覆盖)

msgBox.updateProgress

[updateProgress]: http://extjs-doc-cn.github.io/ext4api/#!/api/Ext.window.MessageBox-method-updateProgress
[Number]: http://extjs-doc-cn.github.io/ext4api/#!/api/Number
[String]: http://extjs-doc-cn.github.io/ext4api/#!/api/String
[Ext.window.MessageBox]: http://extjs-doc-cn.github.io/ext4api/#!/api/Ext.window.MessageBox
[progress]: http://extjs-doc-cn.github.io/ext4api/#!/api/Ext.window.MessageBox-method-progress
[wait]: http://extjs-doc-cn.github.io/ext4api/#!/api/Ext.window.MessageBox-method-wait
[show]: http://extjs-doc-cn.github.io/ext4api/#!/api/Ext.window.MessageBox-method-show