extjs - コントローラーの使用にヘルプが必要

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 のオブジェクトを取得する必要があることです。使ってみた

var content= this.getContentPanel();

フォーム パネルをもう 1 つ追加して、それをコントローラーに追加したいと考えています。フォームのインスタンスを取得し、コンテンツ パネル内に配置して表示したいと考えています。

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

私の主な問題は、ナビゲーション (ツリー パネル) の ItemClick イベントでコンテンツ パネルとフォームをインスタンス化できないことです。

ありがとうございました