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

发布于 2024-11-28 06:05:13 字数 130 浏览 3 评论 0原文

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

我怎样才能做到这一点?

I have a main app view, with a filter menu in the header. When it's clicked, I want to filter content in a seperate news-feed view. But I don't know how to bind events (and pass class data) from clicks in one view to a function in another.

How can I accomplish this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

失去的东西太少 2024-12-05 06:05:13

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

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

There are a number of ways to accomplish this, but probably you want to create a model object, which is shared between the two views. Then on 'click' in view one, update the model object, and bind 'on change' in view two to the model object.

Basically, you can set up both views to stay in sync with the model object, and any changes to the object will result in changes to the view.

谁的年少不轻狂 2024-12-05 06:05:13

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。有关更多信息,请参阅主干文档

Everything in Backbone inherits from Backbone.Events, so you can trigger and bind events from anywhere (docs for 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!')

Note that in this example, when v2.eventHandler is called, 'this' will refer to v1. See the backbone docs for more.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文