simple backbone example with rails api

Question

So I created a rails api using rails-api gem. And I put my backbone code in the default public/index.html. I tried the json link and returns json, it's just a model called 'entry' with a single field called 'content' along with some default rails fields. But the backbone code doesn't work, could you spot any problem with this? I am just trying to show the list of records from the returned json.

// Models
window.Entry = Backbone.Model.extend();
window.EntryCollection = Backbone.Collection.extend({
    model:Entry,
    url:"http://localhost:3000/entries"
});

// Views
window.EntryListView = Backbone.View.extend({
    tagName:'ul',
    initialize:function () {
        this.model.bind("reset", this.render, this);
    },
    render:function (eventName) {
        _.each(this.model.models, function (entry) {
            $(this.el).append("

" + entry.get("content") + "

"); }, this); return this; } }); // Router var AppRouter = Backbone.Router.extend({ routes:{ "":"list" }, list:function () { this.entryList = new EntryCollection(); this.entryListView = new EntryListView({model:this.entryList}); this.entryList.fetch(); $('#entries').html(this.entryListView.render().el); } }); var app = new AppRouter(); Backbone.history.start();

see this link = github.com/documentcloud/backbone and try this — Dipak Panchal

Michal Michal · Accepted Answer · 2012-09-28T11:10:16

Can You check perhaps if /entries return 'results' node? Perhaps You forgot to ActiveRecord::Base.include_root_in_json = false in Rails?

simple backbone example with rails api

2 Answers