ExtJS4 MVCアーキテクチャーでエラーが発生しました

Question

ExtJS4.0 MVC Application Architecture walk throughをフォローしています。自分のプロジェクトに修正しています。これまでのところ完全に動作しています。私は 'Defining a View'セクションを完了しました。そして、私は 'Controlling the grid'セクションを開始しようとしています。私がする前に、console.logコードを削除したいのですが、私自身のプロジェクトでは必要としないか、必要としません。私は警告メッセージで置き換えることができますが、ext-all-debug.jsに対するエラーを生成することなく、すべてを一緒に削除することはできません。

コントローラ上のコードと、consol.log機能を削除した後に発生するエラーです。サンプルドキュメントでは、AM.controllers.listです。

Ext.define('ChatAgent.controller.queues', { 
extend: 'Ext.app.Controller' 
, views: [ 
    'queue.list' 
] 
, init: function() { 
    this.control({ 
     'viewport > panel': { 
      render: this.onPanelRendered 
     } 
    }); 
} 

, onPanelRendered: function() { 
    console.log('The panel was rendered'); 
} 

}）;

が生成するエラーは次のとおりです。 'fireFn' nullまたはオブジェクトではありません

私が削除したすべてがある：

onPanelRendered: function() { 
     console.log('The panel was rendered'); 
    } 

、なぜエラー???

Answer 1

イベントリスナーも削除する必要があります。レンダリングイベントが発生すると、もう存在しないonPanelRenderedを呼び出そうとしています。

イベントを受信して​​いない場合は、this.controlブロック全体を取得する必要はありません。これをコメントして何が起こるかを見てください。

this.control({ 
    'viewport > panel': { 
     render: this.onPanelRendered 
    } 
});