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