Ext.TabPanel学习笔记
1、首先引进Ext：
**注意自己Ext所在位置的路径
<script type="text/javascript" src="<@url "/ext/ext-base.js" />"></script>
<script type="text/javascript" src="<@url "/ext/ext-all.js" />"></script>
<link type="text/css" rel="StyleSheet" href="<@url "/ext/resources/css/ext-all.css" />" />
2、接下来创建简单的TabPanel（选项面板）：
方法一：
<div id="id"></div>
<div style="display:none;"><div id="id2">不同的引进内容的方式（多html元素时建议用，自我感觉这种方式比较好）</div></div>
<script type="text/javascript">
var tabs = new Ext.TabPanel({
renderTo: "id",//渲染到id的元素内，比如div中
activeTab: 0, //默认当前激活标签（从0到n）
height:350,//高度，标签内容所在区域的高度
width:300,//宽度，不解释
frame:true,//圆角和浅蓝色背景
items:[
{
title:"标签名称1",
html:"内容也可以是html标签1（一般内容较少时用）"
},
{
title:"标签名称2",
closable:true,//标签是否可以关闭，默认否
contentEl:"id2"//引进id2的内容
},
{
title:"标签名称3",
autoLoad: {url: '02-05c2.html', scripts: true}, } //第三种引进内容方式，引进其他页面，没用过]
});
</script>
效果图：
图一
图二
方法二：
<script type="text/javascript">
var tabs = new Ext.TabPanel({
renderTo: document.body,
height: 100,
www.99jianzhu.com/包含内容：建筑图纸、PDF/word/ppt 流程，表格，案例，最新,免费下载,施工方案、工程书籍、建筑论文、合同表格、标准规范、CAD图纸等内容。