view - Backbone.js - 从一个视图绑定到另一个视图？

Question

我有一个主应用程序视图，标题中有一个过滤器菜单。单击它时，我想在单独的新闻提要视图中过滤内容。但我不知道如何将一个视图中的点击事件（并传递类数据）绑定到另一个视图中的函数。

我怎样才能做到这一点？

Answer 1

有很多方法可以实现这一点，但您可能想要创建一个模型对象，它在两个视图之间共享。然后在视图一中“单击”，更新模型对象，并将视图二中的“更改时”绑定到模型对象。

基本上，您可以将两个视图设置为与模型对象保持同步，对对象的任何更改都会导致视图发生更改。

Answer 2

Backbone 中的所有内容都继承自 Backbone.Events，因此您可以从任何地方触发和绑定事件（Backbone.Events 的文档）：

var View1 = Backbone.View.extend();

var View2 = Backbone.View.extend({
    eventHandler: function(data) {alert(data)}
});

var v1 = new View1;
var v2 = new View2;

v1.bind('hello-world-event', v2.eventHandler)
v1.trigger('hello-world-event', 'Hello World!')

请注意，在此示例中，当调用 v2.eventHandler 时，“this”将引用 v1。有关更多信息，请参阅主干文档。