📄 simple.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>简单的布局例子</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css">
</head>
<body scroll="no">
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript" src="../../ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="swfupload.js"></script>
<script type="text/javascript" src="uploaddialog.js"></script>
<div id="north-div"></div>
<div id="center-div">内容</div>
<div id="south-div">状态栏</div>
<script>
var classData=[[1,'风景'],[2,'人物'],[3,'城市']];
Ext.onReady(function(){
var tb=new Ext.Toolbar('north-div');//创建一个工具条
tb.add(new Ext.Toolbar.SplitButton({
text: '文件',
cls: 'x-btn-text-icon blist',
menu : {items: [
{text: '新建', handler: onItemClick},
{text: '保存', handler: onItemClick},
{text: '加载', handler: onItemClick}
]}}),
new Ext.Toolbar.MenuButton({
text: '编辑',
cls: 'x-btn-text-icon blist',
menu : {items: [
{text: '复制', handler: onItemClick},
{text: '粘贴', handler: onItemClick}
]}}),
{text:'上传', handler: onItemClick}
);
var viewport = new Ext.Viewport({
layout:'border',
items:[
{
border:false,
region:'north',
contentEl:'north-div',
tbar:tb,
height:26
},
new Ext.TabPanel({
region:'center',
deferredRender:false,
activeTab:0,
items:[{
contentEl:'center-div',
title: '内容',
closable:true,
autoScroll:true
}]
}),
{
region:'south',
contentEl:'south-div',
height:28,
margins:'0 0 0 0'
}
]
});
function onItemClick(item){
if(item.text=='上传'){
Application.uploadDialog.show(classData);
};
}
})
</script>
<div id="SWFUploadTarget" style="height:0px;width:0px;disply:none;z-index:-1"></div>
<div id="divDegraded" style="height:0px;width:0px;disply:none;z-index:-2"></div>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -