JavascriptMVC：聽實例化控制器的事件在包裝控制器

Question

我有2個控制器：

$.Controller('App.Browse', 
/** @Static */ 
{ 
    defaults : {} 
}, 
/** @Prototype */ 
{ 
    init : function(){ 
     $('#map').app_map(); 
    }, 
    // how can I listen here for an event of app_map() controller 
}) 

和

$.Controller('App.Map', 
/** @Static */ 
{ 
    defaults : {} 
}, 
/** @Prototype */ 
{ 
    init : function(){ 
     // how can I trigger an event to be listened by app_browser() controller 
    }, 
}) 

短想法是，雖然我在App.Map控制器I想要注意App.Browse控制器做些什麼。

Answer 1

JMVC準備爲了那個原因。只要聲明它是這樣的：

$.Controller('App.Browse', 
/** @Static */ 
{ 
    defaults : { 
     mapController: null 
    }, 
    listensTo: ['mapCustomEvent'] 
}, 
/** @Prototype */ 
{ 
    init : function(){ 
     $('#map').app_map(); 
    }, 

    '{mapController} mapCustomEvent': function(element, event, param) { 
     //handle event 
    } 
}) 

$.Controller('App.Map', 
/** @Static */ 
{ 
    defaults : {} 
}, 
/** @Prototype */ 
{ 
    init : function(){ 
     param = "something I'd like to pass into event listener"; 
     $(this).trigger('mapCustomEvent', params); 
    } 
}) 

和實例：

map = new App.Map('#map'); 
new App.Browse($('#browse'), {mapController: map}); 

Answer 2

你可以試試下面幾行內容：由

init : function(){ 
    events = createEventManager(["mapTrigger"]); 
}, 

，並在瀏覽器聽吧：在地圖控制器

window.createEventManager = (function() { 

var Event = function(manager, name) { 
    this.name = name; 
    this._manager = manager; 
    this._listeners = []; 
}; 

Event.prototype = { 
    listen: function(fn) { 
     if (!$.isFunction(fn)) { 
      throw "fn is not a function."; 
     } 

     this._listeners.push(fn); 
    }, 

    fire: function(args) { 
     args = args || {}; 
     args.name = this.name; 

     var ls = this._listeners; 
     for (var i = 0, l = ls.length; i < l; ++i) { 
      ls[i](args); 
     } 

     this._manager.fire(args); 
    } 
}; 


var EventManager = function(eventNames) { 
    for (var n in eventNames) { 
     this[eventNames[n]] = new Event(this, eventNames[n]); 
    } 

    this._listeners = []; 
}; 

EventManager.prototype = { 
    /** 
    * Listen to all events 
    * @param fn 
    */ 
    listen: function(fn) { 
     if (!$.isFunction(fn)) { 
      throw "fn is not a function."; 
     } 

     this._listeners.push(fn); 
    }, 

    fire: function(args) { 
     var ls = this._listeners; 
     for (var i = 0, l = ls.length; i < l; ++i) { 
      ls[i](args); 
     } 
    }, 

    getEvent: function(name){ 
     return this[name]; 
    } 
}; 

return function(eventNames) { 
    return new EventManager(eventNames); 
}; 
})(); 

$('#map').app_map().events.getEvent("mapTrigger").listen(function(){ 
     // Logic to perform on trigger. 
    });