Backbone.js的集合网址

Question

我与导轨API一个Backbone.js的应用程序，它提供了JSON工作，如下所示：

[{ 
     "title": "Da vinci Code", 
     "price": "50" 
    }, 
    { 
     "title": "Some other name", 
     "price": "45" 
    }], 

TODO：

1. 当用户访问的URL“www.backboneapp.com/authors/1“，它应该显示属于作者的书籍列表。

进展： - 服务器侧导轨[authorscontroller＃显示]

def show 
    @author = Author.find(params[:id]) 
    @books = @author.books 
    respond_to do |format| 
    format.json { render :json => @books } 
    format.html 
    end 
end 

2.Client端，Backbone.js的

路由器：

routes: { 
    'authors/:id': 'showauthor' 
}, 

showauthor: function(id) { 

    $('#container').empty(); 
    window.available_books = new AvailableBookList({ 
    id: id 
    }); 

    this.availablebooklistview = new AvailableBookListView({ 
    id: id, 
    collection: available_books 
    }); 

    $('#container').append(this.availablebooklistview.render().el); 
} 

AvailableBookList Collection：

AvailableBookList = Backbone.Collection.extend({ 
    model: AvailableBook, 
    url: "/authors/" + this.id 
}) 

视图部分：

$(document).ready(function(){ 

AvailableBookListView = Backbone.View.extend({ 
    tagName: 'section', 
    className: 'availablebooklist', 

    initialize: function() { 
    _.bindAll(this, 'render'); 
    this.collection.bind('reset', this.render); 
    }, 

    render: function() { 
    this.collection.each(function(available_book) { 
     var view = new AvailableBookView({ 
     model: available_book, 
     }); 

     this.$('.availablebooklist').append(view.render().el); 
    }); 
    return this; 
    } 
}); 

}); 

问题：当我访问 “www.backboneapp.com/authors/1”我得到404错误。 在CONSOLE.LOG它显示： GET：www.backboneapp.com/authors/ 不确定

在Rails日志：parameters {id => undefined}

* 我在哪里去了？ *

任何帮助和建议高度赞赏

Answer 1

我会假设你不意味着你的路由器new AuthorList，而是new AvailableBookList。

你有你的收藏中的两个问题：

1. 在您的网址定义，this指window对象。
2. 您在构造函数中传递的id参数是而不是应用于您的集合实例。它仅以视图的方式工作（不适用于模型或集合）。

为了解决第一个问题，你可以使用函数来定义一个集URL，这将让你在正确的范围：

AvailableBookList = Backbone.Collection.extend({ 
    model: AvailableBook, 
    url: function() { 
    return "/authors/" + this.id; 
    } 
}); 

对于第二个，你可以定义一个initialize功能并设置id属性中有：

AvailableBookList = Backbone.Collection.extend({ 
    initialize: function(models, options) { 
    this.id = options.id; 
    }, 
    model: AvailableBook, 
    url: function() { 
    return "/authors/" + this.id; 
    } 
}); 

为了提高可读性，我还建议重新命名id到author_id：

AvailableBookList = Backbone.Collection.extend({ 
    initialize: function(models, options) { 
    this.author_id = options.author_id; 
    }, 
    model: AvailableBook, 
    url: function() { 
    return "/authors/" + this.author_id; 
    } 
}); 

更新

你也初始化您的收藏在错误的道路。按照Backbone.js source，构造函数签名是models, options：

window.available_books = new AvailableBookList(null, { 
    id: id 
});