extjs - como corretamente chamar um método controlador de outro controlador ou fechamento
Eu sou novo em extjs e estou usando a arquitetura MVC.
Quando meu aplicativo faz referência a um método de um controlador, eu faço assim (emMyApp.Application
):
Mb.app.getController('Main').myMethod();
Já é longo, mas acho que esta é a maneira de fazer.
Quando um controlador chama seu próprio método em um fechamento, fui levado a usar esse código (emMyApp.controller.Main
:
controllerMethodOne: function(){
Ext.Ajax.request({
url: ...,
params: ...,
success: (function(response){
list = Ext.JSON.decode(response.responseText);
list.forEach(function(item){
storeMenu.add(
Ext.create('Ext.menu.Item', {
text: item.text,
handler: function(el){MyApp.app.getController('Main').controllerMethodTwo()}
})
)
})
})
})
},
Eu referenciei o método comMyApp.app.getController('Main').controllerMethodTwo()
Porquethis
não está se referindo ao objeto controlador no fechamento e, portanto,this..controllerMethodTwo()
não está funcionando.
Eu acho isso totalmente complicado, e eu espero que alguém tenha uma idéia para contornar issoMyApp.app.getController
- solução alternativa
Graças a todas as sugestões, consegui otimizar meu código e descobri:
// in my controller
mixins: ['Mb.controller.mixin.StoreMenu'],
// I use that style of menus in two controllers thats why I use a mixin
init: function() {
this.control({
'#vg_storeMenu menuitem': {
click: this.onStoreMenuClicked
}
})
},
// the controller mixin
Ext.define('Mb.controller.mixin.StoreMenu', {
extend: 'Ext.app.Controller',
buildStoreMenu: function(store_name){
var storeMenu = Ext.ComponentQuery.query('#' + store_name + 'Menu')[0];
Ext.Ajax.request({
url: Paths.ajax + 'json.php',
params: {list: store_name + 's'},
success: (function(response){
list = Ext.JSON.decode(response.responseText);
items = Ext.Array.map(list, function(item) {
return {
xtype: 'menuitem',
text: item.text
}
});
storeMenu.add(items);
})
})
},
onStoreMenuClicked: function(el){
...
}
});