1

我正在尝试在我的程序中使用控制器。控制器名称是“Main”,代码如下。

refs: [
{
ref: 'navigation',
selector: 'navigation'
},
{
ref: 'ContentPanel',      
selector: 'ContentPanel'
},
{
ref: 'viewport',        
selector: 'viewport'
}
]

我有一个带有以下代码的视口。

Ext.define('MyApp.view.MyViewport', {
extend: 'Ext.container.Viewport',

requires: [
'MyApp.view.Header',
'MyApp.view.Navigation',
'MyApp.view.ContentPanel'
],

layout: {
type: 'border'
},

initComponent: function() {
var me = this;

Ext.applyIf(me, {
items: [
{
xtype: 'header',
height: 136,
region: 'north'
},
{
xtype: 'navigation',
width: 207,
region: 'west'
},
{
xtype: 'ContentPanel',
width: 431,
flex: 2,
region: 'center'
}
]
});

现在我的问题是当我点击导航(树形面板)时,我必须得到一个 ContentPanel 的对象。我尝试使用

var content= this.getContentPanel();

我还有一个表单面板添加我想将它添加到控制器。我想获取表单的实例并将其放在内容面板中并显示。

 var form= this.getMyform();// i didnt add Myform to the controller yet because i dont    know to add reference properly
 content.add(form);

我的主要问题是我无法在导航的 ItemClick 事件中实例化内容面板和表单(树面板)

谢谢你

4

1 回答 1

1

ref 应该以小写字母开头。这同样适用于 xtypes。ref: 'contentPanel'将定义一个 getter getContentPanel。由于contentPanel与 不同ContentPanel,我不确定是否在您的情况下创建了吸气剂。

于 2013-11-08T07:30:56.270 回答