Question

我正在尝试在我的程序中使用控制器。控制器名称为“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'
}
]
});

现在我的问题是当我点击naviagation（树面板）时我必须得到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);

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

谢谢

Answer 1

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

需要帮助才能使用Controller

1 个答案: