业务需要,想做一个这样的框架:
先分:北,西,中,南四个区域,然后再将西分为 北,南两个区域。
再将西边区域的layout属性设置为 border时,页面就报错,说不支持该方法。
请指教我的问题出在哪里?或者您有更好的方案? 部分代码如下: /***北区****/
var northObj={
region: 'north',
html: ' <h1>系统信息 </h1> <h2>logo </h2>',
contentEl: 'div_north',
autoHeight: true,
collapsible: true,
split: true,
border: true,
margins: '0 0 5 0'
} /***中区****/
var centerObj={
contentEl: 'div_center',
region: 'center',
xtype: 'tabpanel',
items: [{
title: '地图区',
html: 'The first tab\'s content. Others may be added dynamically'
},
{
title: 'Tab2',
html: 'The second tab\'s content. Others may be added dynamically',
tbar:[{xtype:"tbfill"},{pressed:true,text:"save",handler:openWindow}]
}
]
}
/***南区****/
var southObj= {
contentEl: 'div_south',
region: 'south',
xtype: 'tabpanel',
title: '状态区',
collapsible: true,
items:
[ {
title: 'status1',
html: 'status1'
},
{
title: 'status2',
html: 'status2'
}
],
split: true,
height: 100,
minHeight: 100
} //////////
/***西区****/
var westObj = {
contentEl: 'div_west',
region: 'west',
xtype: 'panel',
title: '状态区',
collapsible: true,
split: true,
width: 200,
layout:'border'//此处出错
}
Ext.onReady(
function(){
var viewport=new Ext.Viewport({
layout: 'border',
defaults: {
activeItem: 1
},
items: [northObj ,centerObj ,southObj ,westObj]
}); }
)
先分:北,西,中,南四个区域,然后再将西分为 北,南两个区域。
再将西边区域的layout属性设置为 border时,页面就报错,说不支持该方法。
请指教我的问题出在哪里?或者您有更好的方案? 部分代码如下: /***北区****/
var northObj={
region: 'north',
html: ' <h1>系统信息 </h1> <h2>logo </h2>',
contentEl: 'div_north',
autoHeight: true,
collapsible: true,
split: true,
border: true,
margins: '0 0 5 0'
} /***中区****/
var centerObj={
contentEl: 'div_center',
region: 'center',
xtype: 'tabpanel',
items: [{
title: '地图区',
html: 'The first tab\'s content. Others may be added dynamically'
},
{
title: 'Tab2',
html: 'The second tab\'s content. Others may be added dynamically',
tbar:[{xtype:"tbfill"},{pressed:true,text:"save",handler:openWindow}]
}
]
}
/***南区****/
var southObj= {
contentEl: 'div_south',
region: 'south',
xtype: 'tabpanel',
title: '状态区',
collapsible: true,
items:
[ {
title: 'status1',
html: 'status1'
},
{
title: 'status2',
html: 'status2'
}
],
split: true,
height: 100,
minHeight: 100
} //////////
/***西区****/
var westObj = {
contentEl: 'div_west',
region: 'west',
xtype: 'panel',
title: '状态区',
collapsible: true,
split: true,
width: 200,
layout:'border'//此处出错
}
Ext.onReady(
function(){
var viewport=new Ext.Viewport({
layout: 'border',
defaults: {
activeItem: 1
},
items: [northObj ,centerObj ,southObj ,westObj]
}); }
)
给西区加一个控件 并且region:‘center’应该就可以了
给西区加一个控件 并且region:‘center’应该就可以了
给西区加一个控件 并且region:‘center’应该就可以了