木偶传递bindData与bindTo

Question

有没有办法将bindData传递给Marionette的bindTo，类似于jQuery的绑定？

我读了jQuery的网站上，你可以做以下的传递bindData：

function myFunction(event){ 
    console.log(event.data.foo); // output "bar" 
}; 
$(".some-element").bind("click", {foo:"bar"}, myFunction); 

我想这样做的原因是因为我结合多种功能于一个途径。

第一个函数只是使用路由中的参数，没什么特别的。
第二功能需要被传递给它的自定义数据，这是在bindData用武之地。

控制器和路由器

var Controller = { 
    page1: function(itemId){ 
     Vent.trigger('openPageOne', itemId); 
    } 
}; 

var AppRouter = Marionette.AppRouter.extend({ 
    controller: Controller, 
    appRoutes: { 
     "page1/:itemid" : "page1" 
    }, 
    start: function() { 
     Backbone.history.start(); 
    } 
}); 

首先绑定
这工作很好地，并且在导航到该路线时，我会得到打印在控制台上的itemId。

var MyLayout = Marionette.Layout.extend({ 
    initialize: function(){ 
     _.bindAll(this); 
    }, 
    myFunction: function(itemId){ 
     console.log(itemId); 
    } 
}); 

var myLayout = new MyLayout(); 
myLayout.bindTo(Vent, "openPageOne", myLayout.myFunction); 

第二个绑定
这是我失败:(
我想自定义的数据对象传递给函数。
里面anotherFunction，我想显示foo的值。

var AnotherLayout = Marionette.Layout.extend({ 
    initialize: function(){ 
     _.bindAll(this); 
    }, 
    anotherFunction: function(event){ 
     // Here is where I want to use foo 
     console.log(event.data.foo); 
    } 
}); 

var anotherLayout = new AnotherLayout(); 
anotherLayout.bindTo(Vent, "openPageOne", {foo:"bar"}, anotherLayout.anotherFunction); 

更具体而言，第一功能应该改变我的网页的内容。第二个功能应突出显示项目我的导航菜单。我想发送给我的函数的自定义对象基本上是菜单项的元素ID，所以我可以添加一个类到它。

我刚刚接近这个错误的方式吗？任何输入都会有帮助。谢谢！

Answer 1

不知道这是否会有所帮助，但我倾向于在木偶中使用Vent。

var app = new Backbone.Marionette.Application(); 

然后我用listenTo（取代bindTo）事件，火灾和火灾时我触发，

app.vent.trigger('App:openPageOne', { 'foo': 'bar'}); 

然后在发泄听众

app.vent.on('App:openPageOne', function(data) { 
} 

你的数据被发送到数据参数：data.foo

您也可以在对象{'foo1'：'bar1'，'foo2'内发送更多数据： 'bar2'}

我喜欢使用应用程序事件管理器。