每个布局我们需要不同的事件吗？(Do we need different events for each layout?)

 在_initializeLayout之前调用我的渲染方法： 
 
var _initializeLayout = function() {

    console.log('initializeLayout...');

    Controller.layout = new Layout();

        Controller.layout.on("show", function() {

        vent.trigger("layout:rendered");

    });

    vent.trigger('app:show', Controller.layout);

};
 
 我在on rendering方法中使用布局： 
 
// controller attach a sub view/ search View
vent.on("layout:rendered", function() {
    console.log('layout:rendered =>StartController');

    // render views for the existing HTML in the template, and attach it to the layout (i.e. don't double render)
    var inspectorStartView = new InspectorStartView();
    Controller.layout.inspector.attachView(inspectorStartView);

    var playerStartView = new PlayerStartView();
    Controller.layout.player.attachView(playerStartView);
});
 
 当我尝试它时，我的on渲染回调在_initializeLayout（）之前被调用。 我在路由器/控制器方法中调用_initializeLayout： 
 
Controller.go_inspector_control_center = function(term) {
        _initializeLayout();
        //vent.trigger("search:term", term);
    };
 
 我刚刚再次运行它，发现一个事件是从另一个控制器的_initializeLayout（）方法触发的： 
 
   // private
var _initializeLayout = function() {
    console.log('initialize Start Layout...');
    Controller.layout = new Layout();
    Controller.layout.on("show", function() {
        **vent.trigger("layout:rendered"); // <--**
    });
    vent.trigger('app:show', Controller.layout);
};
 
 事件似乎需要具有唯一的名称。 我会试试的。 如果有人知道请进入。 
 
 安德鲁 

My rendered method is being called before _initializeLayout:
 
var _initializeLayout = function() {

    console.log('initializeLayout...');

    Controller.layout = new Layout();

        Controller.layout.on("show", function() {

        vent.trigger("layout:rendered");

    });

    vent.trigger('app:show', Controller.layout);

};
 
I use the layout in the on rendered method:
 
// controller attach a sub view/ search View
vent.on("layout:rendered", function() {
    console.log('layout:rendered =>StartController');

    // render views for the existing HTML in the template, and attach it to the layout (i.e. don't double render)
    var inspectorStartView = new InspectorStartView();
    Controller.layout.inspector.attachView(inspectorStartView);

    var playerStartView = new PlayerStartView();
    Controller.layout.player.attachView(playerStartView);
});
 
When I try it, my on rendered callback is called before _initializeLayout(). I have it calling _initializeLayout in the router/controller method:
 
Controller.go_inspector_control_center = function(term) {
        _initializeLayout();
        //vent.trigger("search:term", term);
    };
 
I just ran it again and found that an event was being triggered from a different controller's _initializeLayout() method:
 
   // private
var _initializeLayout = function() {
    console.log('initialize Start Layout...');
    Controller.layout = new Layout();
    Controller.layout.on("show", function() {
        **vent.trigger("layout:rendered"); // <--**
    });
    vent.trigger('app:show', Controller.layout);
};
 
It appears that the events need to have unique names. I'll try that. If anyone knows please chime in.
 
Andrew

原文：https://stackoverflow.com/questions/14651603