Ext-界面间调用不成功 求解

[Tim_Chase]

//Application.js内容
Application = Ext.extend(Ext.Viewport, {
filePanel : null,
fileCommentPanel:null,
constructor : function(_cfg) {
this.filePanel = new FilePanel(this);
this.fileCommentPanel=new FileCommentPanel();
Application.superclass.constructor.call(this, {
layout : 'border',
items : [ this.headerPanel, {
title : '文件目录',
region : 'west',
layout : 'border',
margins : '2 0 5 5',
width : 275,
minSize : 200,
maxSize : 350,
collapsible : true,
split : true,
items : [this.fileTreePanel, {
region : 'south',
title : '文件信息',
autoScroll : true,
collapsible : true,
collapseMode : 'mini',
collapsed : true,
split : true,
margins : '-1',
cmargins : '2 2 2 2',
height : 220,
html : '未开发...'
}]
},
this.fileCommentPanel ,
this.filePanel,

{

xtype : 'box',
region : 'south',
applyTo : 'footer',
height : 40
}]

});
}
});



//FileCommentPanel.js内容
FileCommentPanel = Ext.extend(Ext.Panel,{
constructor:function(){

FileCommentPanel.superclass.constructor.call(this, {
title : '文件互动',
region : 'east',
id:'fc',
//layout : 'border',
//margins : '2 0 5 0',
width : 200,
minSize : 200,
maxSize : 350,
collapsible : true,
collapsed : true,
split : true

});
}
});
怎么界面无法显示appliction里面的items.
如果把FileCommentPanel里面的
{
title : '文件互动',
region : 'east',
id:'fc',
//layout : 'border',
//margins : '2 0 5 0',
width : 200,
minSize : 200,
maxSize : 350,
collapsible : true,
collapsed : true,
split : true

}替换Application.js里面的items里面的this.fileCommentPanel,运行正常
不知道是为什么.
小弟分不多但求求高人指点.

[Tim_Chase]

怎么没人回复哟?

[该昵称已被占用_]

是不是多个region : 'south',

给覆盖了~~~~~~~~~~

[胡须棉花糖]

up

[Tim_Chase]

是
{

xtype : 'box',
region : 'south',
applyTo : 'footer',
height : 40
}
里面的region:'south'吗?
我把它注释掉了..但是还是不行.

[Tim_Chase]

[Quote=引用 2 楼 zwf0731 的回复:]
是不是多个region : 'south',

给覆盖了~~~~~~~~~~



[/Quote]
是
{

xtype : 'box',
region : 'south',
applyTo : 'footer',
height : 40
}
里面的region:'south'吗?
我把它注释掉了..但是还是不行.

[Jey]

up

[foolbirdflyfirst]

你是不是搞错了，this.fileCommentPanel那个地方需要的是一个json格式的参数值，就是
{
title : '文件互动',
region : 'east',
id:'fc',
//layout : 'border',
//margins : '2 0 5 0',
width : 200,
minSize : 200,
maxSize : 350,
collapsible : true,
collapsed : true,
split : true

}
这个东西，而你this.fileCommentPanel=new FileCommentPanel(); 这样的得到的是一个从Ext.panel扩展的类的实例化对象。它们是不一样的。

[Tim_Chase]

但是
this.filePanel,
为什么又可以呢?

[foolbirdflyfirst]

FilePanel又是怎么写的？

[Tim_Chase]

FilePanel = Ext.extend(Ext.TabPanel, {
app : null,
constructor : function(application) {
this.app = application;
FilePanel.superclass.constructor.call(this, {
region : 'center',
deferredRender : false,
activeTab : 0,
items : [new Ext.Panel({
title : '管理中心'
})]
});

}
});

[xiongzhijian]

d