Слушатель событий, не вызывающий контроллер, когда объявлен в initComponent

Question

Я использовал ExtJS некоторое время, но теперь я пытаюсь преобразовать свои проекты, чтобы правильно использовать стиль MVC, который они рекомендуют.

У меня есть вид и контроллер. Я пытаюсь объявить прослушиватель событий для boxready для вызова метода контроллера. Это не работает, когда я объявляю слушателя внутри initComponent - он говорит, что не может найти метод в моем представлении, когда я ожидаю, что он найдет метод в моем контроллере.

См jsFiddle здесь, например (соответствующий код в MyPanel.js): senchafiddle

Answer 1

Там нет необходимости прикрепить слушателя внутри InitComponent, сделайте это декларативно:

listeners: { 
    boxready: 'controllerMethodName' 
} 

Объявите это непосредственно Ваше мнение.

Answer 2

Вы можете сделать это, как предложил Брэндон. Я думаю, что это также то, что Sencha имеет в своей документации.

Я делаю это немного по-другому, потому что я не знаю, что нужно знать о контроллере. Что касается вашего примера, то есть: представление не должно знать, что внутри контроллера есть или должна быть функция test(). Посмотрите на Init() внутри контроллера:

Ext.define('MyApp.view.MyPanelController', { 
    extend: 'Ext.app.ViewController', 
    alias: 'controller.mypanel', 

    init: function() { 
     this.getView().on("boxready",this.test, this); 
    }, 

    test: function() { 

     Ext.Msg.alert('hi'); 
    } 
}); 

И очень мало в представлении:

Ext.define('MyApp.view.MyPanel', { 
    extend: 'Ext.form.Panel', 
    xtype: 'mypanel', 
    controller: 'mypanel', 

    html: 'sometext', 
    title: 'sometitle' 
}); 

Это может иметь некоторые недостатки, что я не в курсе.

Заканчивать это соответствующий sfiddle: https://fiddle.sencha.com/#fiddle/tpm