1_础_基_t_x_e
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--必须先下载Ext-2.0的jar包,还要注意路径-->
<link rel="stylesheet" type="text/css" href="ext-2.0/resources/css/ext-all.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="ext-2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-2.0/ext-all.js"></script>
<script type="text/javascript">
/*弹出向导框
function a(){
Ext.MessageBox.alert("向导框","登录成功,哈哈哈哈哈哈");
}
Ext.onReady(a);*/
/*弹出窗体
function b(){
var win = new Ext.Window({
title:"Hello",
width:500,
height:200,
html:'这是一个弹出来的窗体...'
});
win.show();
}
Ext.onReady(b);*/
/*创建面板
function c(){
var panel=new Ext.TabPanel({width:300,height:200,items:[{title:"面板1",width:300,height:30,html:'哈'},{title:"面板2",width:300,height:30,html:'哈哈'},{title:"面板3",width:300,height:30,html:'哈哈哈'}]});
panel.render("hello");
}
Ext.onReady(c);*/
/*创建按钮
function d(){
var button = new Ext.Button({text:"添加",pressed:true,height:30,handler:Ext.emptyFn});
button.render("hello");
var button2 = new Ext.Button({text:"删除",pressed:true,height:30,handler:Ext.emptyFn});
button2.render("hello");
}
Ext.onReady(d);*/
/*不能运行
function e(){
var view = new Ext.Viewport({layout:"border",
items:[{region:"north",title:"面板",html:"面板内容",height:100},
{region:"center",xtype:"grid",title:"学生信息管理",store:troe,cm:colM,store:store,autoExpandColumn:3}]});
view.render("hello");
}
Ext.onReady(e);*/
</script>
</head>
<body>
<div id="hello"></div>
</body>
</html>