<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="关键字" />
<meta name="description" content="简介" />
<title>ext</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<link href="D:/wt2013/ext/ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="D:/wt2013/ext/ext-4.0.7-gpl/bootstrap.js"></script>
<script type="text/javascript" src="D:/wt2013/ext/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
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>
<div id="ProgressBar1"> </div>
<table id="ProgressBar2"></table>
<table><tr id="ProgressBar3"></tr></table>
<table><tr><td id="ProgressBar4"></td></tr></table>
</body>
</html>
相关推荐
5.3.3. 下一个例子是进度条 5.3.4. 动画效果，跳出来，缩回去 5.4. 让弹出窗口，显示我们想要的东东，比如表格 5.4.1. 2.0的弹出表格哦 5.4.2. 向window里加表格 5.4.3. 把form放进对话框里 6. 奔腾吧！让不同的...
5.3.3. 下一个例子是进度条 5.3.4. 动画效果，跳出来，缩回去 5.4. 让弹出窗口，显示我们想要的东东，比如表格 5.4.1. 2.0的弹出表格哦 5.4.2. 向2.0的window里加表格 5.4.3. 1.x里的叫做BasicDialog 5.4.4. 把form...
7. **用户界面设计**：优化UploadDialog的交互设计，提高用户上传文件的便利性和友好性，比如进度条显示、错误提示等。 综上所述，"EXT3的文件上传"不仅涵盖了EXT3文件系统的基础知识，还包括了EXTJS框架下文件上传...
这个组件通常包含一个文件选择输入框、上传按钮、进度条和取消上传的功能。它的主要优势在于能够提供友好的用户体验，同时支持批量操作，减轻了用户的负担。 在使用过程中，我们需要注意以下几点： 1. **配置设置*...
3. **UI设计**：使用QML编写用户界面，包括欢迎界面、选择语言、地区、键盘布局等环节，以及安装进度条和错误提示等元素。 4. **脚本集成**：在安装过程中，可能需要运行自定义脚本来执行特定任务，如安装额外的...
16. 修复安装时DNS解析错误提示 17. 手机电脑同时生成Html 18. 安装文件不检查index.html 19. 安装完删除安装目录 20. 安装删除友情链接、广告数据 21. 添加开启附件分站状态 22. 整合UEditor编辑器 23. UEditor整合...
16. 修复安装时DNS解析错误提示 17. 手机电脑同时生成Html 18. 安装文件不检查index.html 19. 安装完删除安装目录 20. 安装删除友情链接、广告数据 21. 添加开启附件分站状态 22. 整合UEditor编辑器 23. UEditor整合...