BackboneJS基於參數

Question

我想基於一個觀點流派顯示多個音樂藝術家獲取集合。所以，首先我有我的菜單選項卡：

<a data-name="hiphop" class="genre">HipHop</a> 
<a data-name="rock" class="genre">Rock</a> 
<a data-name="alternative" class="genre">Alternative</a> 
<a data-name="jazz" class="genre">Jazz</a> 

然後我genre.js包含：

Genres.Collection = Backbone.Collection.extend({ 
    url: function() { 
     return 'path to my json'; 
    }, 
    parse: function(response, genre){ 
     return response.data.genres[genre]; 
     // when I do: return response.data.genres.rock; 
     // I get all artists from the genre "rock". 
     // but I want the response to be based on the variable "genre" 
    }   
}); 

然後，在我的mainView.js：

events: { 
    'click .genre' : 'genre' 
}, 

genre: function(event, genre){ 
    event.preventDefault(); 
    // get the clicked genre 
    var genreName = $(event.target).data('name'); 
    var genresCollection = new Genres.Collection({genre:genreName }); 
    genresCollection.fetch(); 
    this.insertView('.genres', new Genres.View({collection: genresCollection}));      
}, 

但不管我點擊的類型，我得到一個空的集合。有人可以告訴我我在這裏做錯了什麼嗎？

非常感謝！

Answer 1

選項不是默認存儲的，但您可以覆蓋您的initialize方法以提供此功能。然後，您將在parse方法中使用此存儲的值：

Genres.Collection = Backbone.Collection.extend({ 
    url: function() { 
     return 'path to my json'; 
    }, 
    initialize: function(opts) { 
     opts = opts || {}; 
     this.genre = opts.genre || 'rock'; 
    }, 
    parse: function(response){ 
     return response.data.genres[this.genre]; 
    }   
}); 

Answer 2

您需要定義一個成功回調。請嘗試：

var genresCollection = new Genres.Collection(); 
genresCollection.fetch({ 
    data: { 
     genre: genreName 
    }, 
    success: (function (coll_genres) { 
     console.log(coll_genres.toJSON()); 
    }), 
    error: (function (e) { 
     console.log(e); 
    }) 
});