Extjs 6現代 - 如何從視圖執行控制器中的功能？

Question

在控制器

listen: { 
    global: { 
    'ontest': 'ontestfunction' 
    } 
}, 

ontestfunction: function(){ 
    alert('oks 31'); 
} 

鑑於

listeners: { 
       element: 'element', 
       click: function(){ 
        Ext.GlobalEvents.fireEvent('ontest'); 
       } 
    } 

這是我發現的唯一方法，你知道一些其他的方式？

Answer 1

您可以使用任何控制器使用Ext.app.Controller.getController。

由於application是從控制器派生而來的，所有您必須知道的是您的應用程序的名稱和所需的控制器;並調用該函數是小菜一碟：

var configController = MyAppName.app.getController("MyAppName.controller.Configuration"); 
configController.ontestfunction(); 

Answer 2

由於您使用EXT 6，我假設你使用viewcontrollers而不是控制器。

Ext將自動將視圖的控制器解析爲視圖的控制器，無需編寫任何額外的代碼。

首先確保您定義的ViewController與視圖控制器：

controller: 'aliasofviewcontroller' 

之後，你基本上可以將任何的控制器功能，在視圖組件的處理程序。

比方說，你在你的控制器的以下功能：

onClickCustomHandler:function(e){ 
... 
} 

使用下面的語法，功能會得到所謂的每一個你按鈕被點擊時間：

Ext.create('Ext.Button', { 
    text: 'My button', 
    handler: 'onClickCustomHandler' 
}); 

或使用xtype：

{ 
    xtype:'button', 
    text:'My button', 
    handler: 'onClickCustomHandler' 
} 

如需進一步閱讀：http://docs.sencha.com/extjs/6.0.2/guides/application_architecture/view_controllers.html