azat-co/super-simple-backbone-starter-kit

Super Simple Backbone Starter Kit and Boilerplate

Super Simple Backbone Starter Kit

Dependencies (already included)

• RequireJS 2.0.2 included in /libs
• RequireJS Text plug-in 2.0.0 included in /libs
• jQuery 1.10.2 hot-linked from Google APIs
• Backbone 1.10.2 hot-linked from CDNJS
• Underscore 1.5.2 hot-linked from CDNJS
• Twitter Bootstrap 3.0.2 included in /css, /js, /fonts

Installation

Just download/fork/clone and launch index.html in a browser with HTTP server. You can use simple npm http-server: https://npmjs.org/package/http-server

Why?

I found Backbone Boilerplate too complicated and too big for the boilerplate.

Another good sample app Sample App with Backbone.js and Twitter Bootstrap

More tutorials https://github.com/documentcloud/backbone/wiki/Tutorials%2C-blog-posts-and-example-sites

To do

• Add models and collections
• Add extra page with examples

super-simple-backbone-starter-kit's Issues

This is not an issue but how to implement

Hello,
I want to show BackGrid on a view. I have created a view like follows:

    GridView = Backbone.View.extend({
    el: "#content",
    template: gridTpl,
    initialize: function() {
        // Initialize a new Grid instance
        var grid = new Backgrid.Grid({
          columns: columns,
          collection: territories
        });

        // Render the grid and attach the root to your HTML document
        $("#example-1-result").append(grid.render().el);

        // Fetch some countries from the url
        territories.fetch({reset: true});
    },
    render: function() {
        $(this.el).html(_.template(this.template));
    }
});

'example-1-result' is a DIV tag in the new template file(grid.html). Why the grid is not showing in '#content' ->'#example-1-result' ?
Please find the detailed question :
http://stackoverflow.com/questions/24797135/backbone-and-backgrid-with-super-simple-backbone-starter-kit