Нужна помощь в использовании контроллера

Question

Я пытаюсь использовать контроллер в своей программе. Имя контроллера - «Главное», а код приведен ниже.

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, когда я нажимаю на naviagation (дерево панели). Я пробовал использовать

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 случае навигации (панель дерева)

спасибо вам

Answer 1

реф должен начинаться с прописной буквы. То же самое верно для xtypes. ref: 'contentPanel' определит геттер getContentPanel. Поскольку contentPanel отличается от ContentPanel, я не уверен, если в вашем случае создается геттер или нет.