var viewport = new Ext.Viewport({
layout: 'border',
items: [
new Ext.BoxComponent({
region: 'north',
el: 'north-div',
// tbar: tb,
height: 26
}),
new Ext.tree.TreePanel({
region: 'west',
contentEl: 'west-div',
title: '樹列表',
split: true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins: '0 0 0 0',
root: root
}),
{
region: 'center',
layout: 'border',
items: [
new Ext.grid.GridPanel({
region: 'center',
el: 'center-center',
title: '條目列表',
// ds: ds,
// cm: colModel,
autoScroll: true
}),
{
region: 'south',
contentEl: 'center-south',
title: '內容',
split: true,
collapsible: true,
titlebar: true,
height: 200,
minSize: 100,
maxSize: 400,
collapsedTitle: '內容'
}
]
},
new Ext.BoxComponent({
region: 'south',
el: 'south-div',
height: 24
})
]
});
<div id="north-div"><div id='toolbar-div'></div></div>
<div id="west-div"></div>
<div id='center-center'></div>
<div id='center-south'></div>
<div id="south-div">狀態(tài)欄</div>
posted on 2011-08-24 11:02
王豪 閱讀(641)
評論(1) 編輯 收藏 所屬分類:
EXT 筆記