ext学习日志-提示框、进度条

最新推荐文章于 2024-05-20 15:17:08 发布

那天狠近

最新推荐文章于 2024-05-20 15:17:08 发布

阅读量120

点赞数

分类专栏： ExtJS4.0 文章标签： xhtml javascript ViewUI

本文链接：https://blog.csdn.net/natianhenjin/article/details/84465474

版权

ExtJS4.0 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

Ext.onReady(function(){

sExt.Msg.alert('Hello World!','<font color=red size="20px">你好！</font>');

alert('我会停止程序的执行！');

Ext.MessageBox.alert('提示','请单击我，确定',callBack);

function callBack(id){

alert('单击的按钮ID是：'+id);

}

Ext.MessageBox.prompt('<font size=3px>报告复制</font>','请输入报告编号：',callBack,this,true,"我是默认");

function callBack(id,msg){

alert('单击的按钮ID是：'+id+'\n'+'输入的内容是： '+msg);

}

Ext.MessageBox.wait('请等待，错做需要很长时间！','提示',{text:'进度条上的文字'});

Ext.MessageBox.show({

title:'提示',

msg:'我有三个按钮，和一个多行文本区。',

modal:true,

prompt:true,

value:'请输入',

fn:callBack,

buttons:Ext.Msg.YESNOCANCEL,

icon:Ext.Msg.QUESTION

})

function callBack(id,msg){

alert('单击的按钮ID是：'+id+'\n'+'输入的内容是：'+msg);

}

Ext.MessageBox.msgButtons[0].setText('按钮一');

Ext.MessageBox.msgButtons[1].setText('按钮二');

Ext.MessageBox.msgButtons[2].setText('按钮三');

Ext.MessageBox.msgButtons[3].setText('按钮四');

Ext.MessageBox.show({

title:'提示',

msg:'自定义文字',

modal:true,

buttons:Ext.Msg.YESNOCANCEL

});

Ext.MessageBox.msgButtons[0].setText('确认按钮');

Ext.MessageBox.alert('提示','提示信息',function(){

Ext.MessageBox.msgButtons[0].setText('新的确认按钮');

Ext.MessageBox.alert('提示','提示信息二');

});

var msgBox = Ext.MessageBox.show({

title:'提示',

msg:'动态更新的信息文字',

modal:false,

buttons:Ext.Msg.OK,

fn:function(){

Ext.TaskManager.stop(task);

}

})

var task = {

run:function(){

msgBox.updateText('会动的时间：'+Ext.util.Format.date(new Date(),'Y-m-d g:i:s A'));

interval:1000

}

Ext.TaskManager.start(task);

var msgBox = Ext.MessageBox.show({

title:'提示',

msg:'动态更新的进度条和信息文字',

modal:true,

width:300,

progress:true

})

var count = 0; //滚动条被刷新的次数

var percentage = 0; //进度百分比

var progressText = '';

var task = {

run:function(){

count++;

//计算进度

percentage = count/10;

//生成进度条文字

progressText = '当前完成度：'+percentage*100+"%";

//更新信息提示对话框

msgBox.updateProgress(percentage,progressText,'当前时间：'+Ext.util.Format.date(new Date(),'Y-m-d g:i:s A'));

if(count > 10){

Ext.TaskManager.stop(task);

msgBox.hide();

}

interval:1000

}

Ext.TaskManager.start(task);

var ProgressBar = new Ext.ProgressBar({

text:'使用renderTo为进度条定位',

width:300,

renderTo:'ProgressBar4'

});

</script>

</head>

<body>

</body>

</html>

那天狠近

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ext学习日志-提示框、进度条

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&l
复制链接

扫一扫