Ext_js第一课

今天是我第一天接触ext_js，还不是很懂仅仅只是贴几个自己练习的例子，虽然有最新版本更新不过小编还是学的ext_js2.2版本
1，学习ext_js之前我们首先要自己引入相关css文件以及js库

<link rel="stylesheet" type="text/css" href="ext-2.0.2/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-2.0.2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-2.0.2/ext-all.js"></script>

2，我们需要调用一个onReady方法，有点类似于jquery的ready方法动态加载页面，调用所有的Ext方法时候，我们都需要以Ext开头.
以下是小编利用extjs创建的标签页，希望在此可以帮助到个小编一样的新手

Ext.onReady(function(){
//Ext.MessageBox.alert("hello","张三");
/*var panel=new Ext.Panel({
renderTo:Ext.getBody(),
titleCollapse:true,
title:'mypanel',
width:400,
height:300,
draggable:true,
html:'<h1 style="color:green" id="test">test面板测试</h1>'
});*/

var tabPanel=new Ext.TabPanel({
renderTo:Ext.getBody(),
title:'tabpanel',
width:600,
height:300,
activeTab:0,
items:[new Ext.Panel({
title:"面板1",
height:30,
html:'<h1 style="color:green" id="test">test</h1>'

   }), new Ext.Panel({
   title:"面板2",
height:30,
html:'<h1 style="color:green" id="test">test</h1>'
  
  
}), new Ext.Panel({
title:"面板3",
height:30,
html:'<h1 style="color:green" id="test">test</h1>'

})]




});
})