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 は解釈すべき多くのことを提供します。あなたの間違いは本質的に根本的なものです。ビューをモデルに直接結び付けます

  • コレクションのインスタンスがレンダリングされる初期化関数を参照してください!!

  • モデルを作成するときはいつでもどこでも、コレクションはパラメーターとしてビューのコンストラクターに渡されます。私のフィドルをチェックしてください

  • モデル、ビュー、またはコレクション内で render を呼び出さないでください。それらはアプリケーションファイル内にある必要があります

Jsフィドル

http://jsfiddle.net/35QGM/

于 2012-05-16T05:03:45.707 に答える