如何在backbone.js中实现双向HTML绑定?

时间:2013-02-18 06:41:14

标签: javascript backbone.js javascript-framework

我花了很多时间研究JS框架,我觉得backbone.js是我需要的最好的。唯一的问题是严重缺乏任何模板。它说通过第三方附加组件它是开放的,但我开始时遇到了麻烦。我希望模型中的数据能够订阅。

这是我的模特和收藏品:

window.colorItem = Backbone.Model.extend({
});

window.colorLibrary = Backbone.Collection.extend({
    model: colorItem
});

var colors = new colorLibrary(
    [
        {"unique_id":"1000","user_id":"1","color":"#66bf1c","note":"Enter a note!"},
        {"unique_id":"1001","user_id":"1","color":"#332c5d","note":"Enter a note!"}
    ]
);

我怎样才能简单地将此模型附加到带有backbone.js的DOM?

1 个答案:

答案 0 :(得分:0)

您应该创建一个主视图,以您希望的方式显示模型信息。您将需要传递要显示的集合或在视图中实例化它。之后,您必须从集合中抓取每个模型以在页面上显示它们。您可以使用jquery并将其附加到您需要的对象上,或者这是我建议的,您可以为每个模型创建一个新视图。这样您就可以使用事件单独控制每个模型。