使用 Backbone.js 和 jquery.datalink.js

发布于 2024-10-19 04:04:33 字数 659 浏览 2 评论 0原文

是否可以同时使用 Backbone.js 和 jquery.datalink.js 将 Backbone 模型链接到一组字段，如果可以，如何链接？

例如，给定：

<div id="person">
  <label for="name">Name:</label>
  <input type="text" name="name" id="name" />
</id>

并且

var m = Backbone.Model.extend({});

似乎可以这样说（但不起作用）：

$("#person").link(m);

通过“不起作用”，我的意思是当我更改模型时，链接不会更新输入字段。当我更改输入字段时，模型不会更新。

我一直在 jsFiddle 上修改 this on jsFiddle，但无济于事。事实上，似乎数据链接插件实际上并没有按照记录工作（除非我犯了错误）。

如果数据链路不适合此目的，我很乐意提供替代方案的建议。

我将不胜感激您的想法和反馈。

原文

Is it possible to use Backbone.js and jquery.datalink.js together to link a Backbone model to a set of fields, and if so how?

For example, given:

<div id="person">
  <label for="name">Name:</label>
  <input type="text" name="name" id="name" />
</id>

and

var m = Backbone.Model.extend({});

It seems to make sense (but not work) that one could:

$("#person").link(m);

By "not work" I mean that when I change the model, the link doesn't update the input fields. When I change the input fields, the model isn't updated.

I've been tinkering with this on jsFiddle, but to no avail. Indeed, it seems the data link plugin doesn't actually work as documented (unless I've made an error).

If datalink isn't suitable for this, I'd appreciate suggestions for alternatives.

I'd be grateful for thoughts and feedback.

分享到QQ

分享到微博

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

发布评论

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

小傻瓜 2024-10-26 04:04:33

我没有使用 Datalink 插件，但这可能会有所帮助...

这种违反了封装原则，但您可以在 Backbone 模型内使用 model.attributes 对象。

所以也许是这样的：

$("#person").link(m.attributes);

另外，当你实例化一个 Backbone.Model 时，它看起来像这样：

var m = new Backbone.Model();

当你调用 Backbone.Model.extend 时，你实际上创建了一个新的构造函数（就像一个新类），而不是一个对象实例。

I have not used the Datalink plugin but this may help...

This sort of violates the principle of encapsulation but you could use the model.attributes object inside the Backbone model.

So maybe something like this:

$("#person").link(m.attributes);

Also, when you instantiate a Backbone.Model it look like this:

var m = new Backbone.Model();

When you call Backbone.Model.extend you actually create a new constructor (like a new class), not an object instance.

回复收藏 0 原文

蓝色星空 2024-10-26 04:04:33

@Sam 提供的解决方案预计可以工作，但它存在您必须注意的相关问题。骨干模型是可观察的，即。您可以绑定函数来更改模型中的事件。这些事件由 Backbone 提供的包装器 getter 和 setter 函数触发。如果直接使用 model.attributes 绕过这些 getter 和 setter，那么当数据更改时将不会触发事件。
因此，如果您的数据链接关联是单向的，则这不是问题。当javascript对象被修改时，视图会发生变化，但是如果你想实现双向数据链接，你会遇到问题，因为当用户操作视图时，模型属性确实会被修改，但相应的setter会被修改。未使用，因此应用程序代码的其余部分不会收到更改通知。这可能会导致难以调试的问题。
如果数据绑定是您最关心的问题，请研究一下 KnockoutJS，它具有最先进的数据链接功能。

回复收藏 0 原文

~没有更多了~