同样的代码 2.0完全没有问题 Ext.onReady(function()
{
new Ext.Viewport({
layout:"border",
items:[
{
region:"north",
height:150,
collapsible:true,
closable:true,
title:"北北北北北"
},
{
region:"south",
height:150,
collapsible:true,
title:"南南南南南"
},
{
region:"center",
height:150,
collapsible:true,
title:"中中中中中",
xtype:"tabpanel",
items:[
{
title:" 标签一",
closable:true,
html:"标签一的内容",
bbar:[
{
text:"底部工具栏"
},
{
text:"按钮一"
},
{
text:"按钮二"
}
]
},
{
title:" 标签二",
closable:true,
html:"标签二的内容",
tbar:[
{
text:"顶部工具栏"
},
{
text:"按钮一"
},
{
text:"按钮二"
}
]
},
{
title:" 标签三",
html:"标签三的内容"
}
]
},
{
region:"west",
width:250,
collapsible:true,
title:"西西西西西",
layout:"accordion",
items:[
{
title:"子块一",
html:"<h1>子块一的内容</h1>"
},
{
title:"子块二",
html:"<h1>子块二的内容</h1>"
},
{
title:"子块三",
html:"<h1>子块三的内容</h1>"
}
]
},
{
region:"east",
width:250,
collapsible:true,
title:"东东东东东"
}
]
});
});
{
new Ext.Viewport({
layout:"border",
items:[
{
region:"north",
height:150,
collapsible:true,
closable:true,
title:"北北北北北"
},
{
region:"south",
height:150,
collapsible:true,
title:"南南南南南"
},
{
region:"center",
height:150,
collapsible:true,
title:"中中中中中",
xtype:"tabpanel",
items:[
{
title:" 标签一",
closable:true,
html:"标签一的内容",
bbar:[
{
text:"底部工具栏"
},
{
text:"按钮一"
},
{
text:"按钮二"
}
]
},
{
title:" 标签二",
closable:true,
html:"标签二的内容",
tbar:[
{
text:"顶部工具栏"
},
{
text:"按钮一"
},
{
text:"按钮二"
}
]
},
{
title:" 标签三",
html:"标签三的内容"
}
]
},
{
region:"west",
width:250,
collapsible:true,
title:"西西西西西",
layout:"accordion",
items:[
{
title:"子块一",
html:"<h1>子块一的内容</h1>"
},
{
title:"子块二",
html:"<h1>子块二的内容</h1>"
},
{
title:"子块三",
html:"<h1>子块三的内容</h1>"
}
]
},
{
region:"east",
width:250,
collapsible:true,
title:"东东东东东"
}
]
});
});
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货