200分一个EXT2.2布局问题

来源：百度知道 编辑：UC知道 时间：2024/06/09 22:06:00
目前代码Ext.onReady(function(){ new Ext.Viewport({ //实例化布局对象 layout:"border", //声明为border布局 items:[{ //布局项目 region:"north",//表示为north区域,顶部区 height:50, //区域高度 title:"顶部面板" //区域标题 },{ region:"center", //autoLoad:{url:"hello.jsp",scripts:true},//中间加载的网页,并允许支持JS脚本 //enableTabScroll : true, //titlebar: true, //autoScroll: true,//多出内容出现滚动条 title:"中央面板" },{ region:"west", width:150, collapsible : true,//是否可以收缩,默认不可以收缩，即不显示收缩箭头 split : true,//是否可以改变面板大小html:"选项1选项2选项3", title:"左边面板" }] }); });详细请看图:
我现在要把中央面板换成,Advanced Tabs的先项卡(也就是ext2.2API这种)

随改了下代码，只是基本思路
Ext.onReady(function(){

var tabs=new Ext.TabPanel({
region:"center",
title:"中央面板"
});
new Ext.Viewport({ //实例化布局对象
layout:"border", //声明为border布局
items:[{ //布局项目
region:"north",//表示为north区域,顶部区
height:50, //区域高度
title:"顶部面板" //区域标题
},tabs,//这儿添加为TABPANEL
{
region:"west",
width:150,
collapsible : true,//是否可以收缩,默认不可以收缩，即不显示收缩箭头
split : true,//是否可以改变面板大小
html:"<a href='#' id = "item1">选项1</a><br/><a href='#'>选项2</a><br/><a href='#'>选项3</a>",
title:"左边面板"