extjs: cómo llamar correctamente un método de controlador desde otro controlador o cierre
Soy nuevo en extjs y estoy usando la arquitectura MVC.
Cuando mi aplicación hace referencia a un método de un controlador, lo hago de esa manera (enMyApp.Application
):
Mb.app.getController('Main').myMethod();
Ya es largo, pero creo que esta es la manera de hacerlo.
Cuando un controlador llama a su propio método en un cierre, se me ordenó usar este código (enMyApp.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()}
})
)
})
})
})
},
Me referí al método conMyApp.app.getController('Main').controllerMethodTwo()
porquethis
no se refiere al objeto controlador en el cierre, y por lo tantothis..controllerMethodTwo()
no esta funcionando
Encuentro esto completamente complicado, y espero que alguien tenga una idea para evitar esoMyApp.app.getController
-trabajo
Gracias a toda la sugerencia pude optimizar mi código y se me ocurrió:
// 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){
...
}
});