1

由于某种原因,我的收藏没有呈现。找不到原因。

TreeItem = Backbone.Model.extend({

});

TreeList = Backbone.Collection.extend({
  model: TreeItem,
  url: "/get_tree_list"
});

window.tree_list = new TreeList();

// VIEW

window.TreeItemView = Backbone.View.extend({
  tagName: 'li',
  initialize: function(){
    _.bindAll(this, 'render');
  },
  render: function(){
    $(this.el).html('<span>'+this.model.get('title')+'</span>');
    return this;
  }
});

window.TreeListView = Backbone.View.extend({
  el: "#tree-structure",
  events: {

  },
  initialize: function() {
    _.bindAll(this, 'appendItem', 'render');
    tree_list.bind('add', this.appendItem);
    tree_list.fetch();
    this.render();
  },
  render: function() {
    tree_list.each(this.appendItem);
    return this;
  },
  appendItem: function(item){
    var tree_item_view = new TreeItemView({
      model: item
    });
    $(this.el).append(tree_item_view.render().el);

  }
});

var tree_list_view = new TreeListView;
4

1 回答 1

2

Backbone.js 提供了很多需要解释的地方,这就是人们新出错的地方。你的错误本质上是根本性的。您将视图直接绑定到模型

  • 请参阅呈现集合实例的初始化函数!

  • 始终在任何地方创建模型,然后将集合作为参数传递给视图的构造函数。检查我的小提琴

  • 永远不要在模型、视图或集合中调用渲染。它们必须在应用程序文件中

提琴手

http://jsfiddle.net/35QGM/

于 2012-05-16T05:03:45.707 回答