日期:2014-05-16  浏览次数:20338 次

extjs进度条,超简单

??Ext.get('mb6').on('click', function(){
???????? Ext.MessageBox.show({
??????????? title: '请稍候...',//消息框标题
??????????? msg: '初始化中...',//显示的文本
??????????? width:240//宽度
??????????? progress:true,//此属性证明是滚动条
??????????? closable:false,//不可以关闭
??????????? animEl: 'mb6'//飞出来的
??????? });

??????? // this hideous block creates the bogus progress
??????? var f = function(v){
???????????? return function(){
???????????????? if(v == 11){
???????????????????? Ext.MessageBox.hide();
???????????????? }else{
???????????????????? Ext.MessageBox.updateProgress(v/10, '内容加载中,进度 ' + v + ' / 10...');
???????????????? }
??????????? };
??????? };
??????? for(var i = 1; i < 12; i++){
??????????? setTimeout(f(i), i*1000);
??????? }
???? });