感觉进入了一个新天地。
WIN时代的API + 浏览器的窗口。
复古风了？
真的是好多年前还有点印象的DELPHI及MFC啊。
<!DOCTYPE html>
<html>
<head>
<title>ExtJs</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">
<script type="text/javascript" src="ExtJs/ext-all.js"></script>
<script type="text/javascript" src="ExtJs/bootstrap.js"></script>
<script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>
<script type="text/javascript">
//在页面加载完成之后执行
Ext.onReady(function(){
function callBack(id) {
alert("STOP!" + id);
}
function callBackPrompt(id, msg) {
alert("STOP!" + id + msg);
}
function callBackShow(id, msg) {
alert("你单击的按钮ID是" + id + "输入的内容是：" + msg);
}
//Ext.Msg.alert(‘提示‘,‘<font color="red">逗号分隔参数列表</font>‘, callBack);
// Ext.Msg.confirm(‘提示‘,‘请单击我，作出选择‘, callBack);
// Ext.Msg.prompt(‘Notice‘, ‘Input some text:‘, callBackPrompt, this, true, ‘the default value‘);
//Ext.Msg.wait(‘Please wait‘, ‘notice‘, {
// text:‘the work‘});
/*
var msgBox = Ext.Msg.show({
title:"提示",
msg: "动态更新的信息文字",
width: 800,
height: 200,
multiline: true,
modal: true,
prompt: true,
value: "请输入",
fn: function() {
Ext.TaskManager.stop(task)},
buttons: Ext.Msg.YESNOCANCEL,
icon: Ext.Msg.QUESTION
});
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.Msg.show({
title: "notice",
msg: ‘check progress‘,
modal: true,
width: 300,
progress: true
});
var count = 0;
var percentage = 0;
var progressText = "";
var task = {
run: function(){
count ++;
percentage = count/10;
progressText = ‘now: ‘ + percentage*100 + "%";
msgBox.updateProgress(percentage, progressText,
‘now time: ‘ + 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);
});
</script>
</head>
<body>
<div>
</div>
</body>
</html>
时间： 2024-07-30 04:17:37