Question

EXtJS布局问题高手速来

求这个页面的布局代码，

Answer 1

var MyViewport = new Ext.Viewport({
layout: "fit",
items: [{
layout: "border",
border: false,
items: [{
xtype: "panel",
title: "导航栏",
region: "west",
width: 200,
split: true,
layout: "accordion",
collapsible: true,
margins: "0 0 0 5",
hideBorders: true,
items: [{
xtype: "panel",
title: "我的面板"
},
{
xtype: "panel",
title: "系统信息"
}]
},
{
xtype: "panel",
title: "当前位置",
region: "center",
margins: "0 5 0 0"
},
{
xtype: "panel",
title: "后台管理系统",
region: "north",
split: true,
border: false
},
{
xtype: "panel",
region: "south",
split: true,
border: false,
bbar: [{
xtype: "label",
text: "超级管理员"
},
"->", {
text: "安全退出"
},
{
text: "BUG提交"
}]
}]
}]
})
试试吧。