1

我刚开始使用 Backbone，我在从一些 JSON 数据生成简单的 html 列表时遇到了问题。

我收到错误

未捕获的类型错误：对象函数 (){return c.apply(this,arguments)} 没有方法“每个”

这是我的代码

var Show = Backbone.Model.extend();

var ShowCollection = Backbone.Collection.extend({

    model: Show,
    url: 'http://192.168.0.7:8081/api/0b08ecef4eda8c6a28b6be3164a96ac8/?cmd=history&type=downloaded&limit=50',

    parse: function(response){
       return response.data;
    }

});

var ItemView = Backbone.View.extend({

  tagName: "li",
  template: $("#item").html(),

  render: function() {
    var templ = _.template(this.template);
    this.$el.html(templ(this.model.toJSON()));
    return this;
  }

});

var ShowView = Backbone.View.extend({

  el: $("#history"),
  initialize: function() {
    this.collection = ShowCollection;
    this.render();
  },
  render: function() {
    this.collection.each(function(item) {
      this.renderItem(item);
    }, this);
  },
  renderItem: function(item) {
    var itemView = new ItemView({ model: item });
    this.$el.append(itemView.render().el); 
  }

});

var history = new ShowView();

这是我的数据

{
data: [
{
date: "2013-03-16 05:14",
episode: 10,
provider: "-1",
quality: "HD TV",
resource: "bering.sea.gold.s02e10.720p.hdtv.x264-bajskorv.mkv",
resource_path: "/Users/Machine/Tv/Bering.Sea.Gold.S02E10.720p.HDTV.x264-BAJSKORV repost",
season: 2,
show_name: "Bering Sea Gold",
status: "Downloaded",
tvdbid: 254203
}
],
message: "",
result: "success"
}
4

2 回答 2

2

this.collection = ShowCollection;

应该

this.collection = new ShowCollection();

于 2013-03-17T21:42:09.657 回答
1

您将您的分配this.collection给扩展的 Backbone Collection 类，而不是分配给它的实例。有关示例，请参阅有关扩展的文档。你应该有类似的东西this.collection = new ShowCollection()。

于 2013-03-17T21:47:27.050 回答