2013-07-04 32 views
1

我想输出一个骨干/下划线的对象列表,但我在骨干中得到一个奇怪的输出。我在期待一个解析的数据结构,但是你可以看到我回来的东西似乎没有以正确的方式被解析。有任何想法吗?试图解析与骨干网的静态JSON

这里是我的JSON提要:

{"1":{"title":"Test Video Collection - blah (placeholder)","image":"imagenotavailable"},"2":{"title":"Camur Exerci Gemino","image":"public:\/\/gallery\/large\/imagefield_ieMdB8.jpg"},"3":{"title":"Abdo Nutus Sed","image":"public:\/\/gallery\/large\/imagefield_LtRKG1.png"},"4":{"title":"Quidne Vereor","image":"public:\/\/images\/video\/[current-date:custom:Y\/m\/d]\/imagefield_j7lGlq.jpg"},"5":{"title":"Ludus Ratis","image":"public:\/\/video-collections\/imagefield_aB3dpQ.png"},"6":{"title":"Appellatio Dolore Huic Vulputate","image":"public:\/\/gallery\/large\/imagefield_LtRKG1.png"}} 

这里是我的代码:

var itemModel = Backbone.Model.extend(); 
      var ItemList = Backbone.Collection.extend({ 
       model: itemModel, 
       url: 'http://l.blahcouk.sandbox:8080/franchise/videocollection/date/' 
      }); 

      var ItemsView = Backbone.View.extend({ 
       template: _.template($('#bandlist_template').html()), 
       render: function (eventName) { 
        _.each(this.model.models, function (items) { 
         console.log(items); 
         var lTitle = items.attributes['title']; 
         var lTemplate = this.template(items.toJSON()); 
         $(this.el).append(lTemplate); 
        }, this); 
        return this; 
       } 
      }); 
      var lItems = new ItemList; 
      var AppView = Backbone.View.extend({ 
       el: "body", 

       render: function() { 
        var lItemsView = new ItemsView({ 
         model: lItems 
        }); 
        var lHtml = lItemsView.render().el; 
        $('#bands').html(lHtml); 
       }, 

       initialize: function() { 
        var lOptions = {}; 
        lOptions.success = this.render; 
        lItems.fetch(lOptions); 
       } 
      }); 
      var App = new AppView; 

这是输出的结构:

r {cid: "c2", attributes: Object, collection: r, _changing: false, _previousAttributes: Object…} 
_changing: false 
_events: Object 
_pending: false 
_previousAttributes: Object 
attributes: Object 
1: Object 
2: Object 
image: "public://gallery/large/imagefield_ieMdB8.jpg" 
title: "Camur Exerci Gemino" 
__proto__: Object 
3: Object 
4: Object 
5: Object 
6: Object 
__proto__: Object 
changed: Object 
cid: "c2" 
collection: r 
__proto__: s 

回答

1

这里发生了什么,我认为 - 你的JSON是有效的,但不是骨干所期待的。主干集合期望对象的数组,而不是具有数字键的对象。所以,你需要做的是改变你的JSON输出更喜欢......

[ 
{"title":"Test Video Collection - blah (placeholder)","image":"imagenotavailable"},{"title":"Camur Exerci Gemino","image":"public:\/\/gallery\/large\/imagefield_ieMdB8.jpg"}, 
.... 
] 

不是

{ 
"1": {"title":"Test Video Collection - blah (placeholder)","image":"imagenotavailable"}, 
"2": {"title":"Camur Exerci Gemino","image":"public:\/\/gallery\/large\/imagefield_ieMdB8.jpg"}, 
.... 
} 

如果不能改变这种输出,有解决这个问题的方法。

+0

或者如果您无权访问更改JSON,请重写解析以正确填充集合和模型。 –