JSFiddle

  • Backbone Router Test

    this test demonstrates how to set up your app to allow a router's action to be called more than one time by clicking the same control (may be a link)

    /**
     * The Viewport
     *
     * This object handle what to display and how to display it into the
     * application visibile space.
     *
     */
    var Viewport ...
  • Bootstrap form example

    jQuery 1.7.2, HTML, CSS, JavaScript, Bootstrap 2.0.2 (js only)

    $(function() {
        //Use BootstrapModal for object List editor
        Backbone.Form.editors.List.Modal.ModalAdapter = Backbone.BootstrapModal;
    
        //Main model definition
        var User ...
  • Backbone Todo App #1 is the latest revision

    The Todos Backbone app copied into a fiddle: http://documentcloud.github.com/backbone/examples/todos/index.html

    // An example Backbone application contributed by
    // [Jérôme Gravel-Niquet](http://jgn.me/). This demo uses a simple
    // [LocalStorage adapter](backbone-localstorage.html ...
  • Backbone Events vs. Ember Bindings: A Benchmark

    Animating 100 (or N) circles with your standard Backbone events and Ember bindings.

    // Change N to change the number of drawn circles.
    
    var N = 100;
    
    // The AngularJS implementation:
        
    var animationApp = angular.module('animationApp ...
  • Backbone Live Collection End Point Fetch - Streaming

    jQuery 1.7.1, HTML, CSS, JavaScript

    // A container for a tweet object.
    var Tweet = Backbone.Model.extend({});
    
    // A basic view rendering a single tweet
    var TweetView ...
  • Syntax Highlighter

    jQuery 1.7.2, HTML, CSS, JavaScript

    // Pure JQuery Syntax Highlighter by Taufik Nurrohman
    // Still an experimental :)
    // https://plus.google.com/108949996304093815163/about
    
    $(window).load(function() {
        $('pre ...
  • Simple Backbone.ModelBinding Example

    shows how simple modelbinding can be with the Backbone.ModelBinding plugin from http://github.com/derickbailey/backbone.modelbinding

    SimpleSample = {};
    
    SimpleSample.Person = Backbone.Model.extend({});
    
    SimpleSample.FormView = Backbone.View.extend({
        el: "#edit-form",
        
        initialize: function(){
            Backbone.ModelBinding.call(this);
        }
    });
    
    SimpleSample ...
  • Learn jquery backbone #3 is the latest revision

    Event change input, render html table

    var ListView = Backbone.View.extend({    
      el: $('body'),
      events: {
          'change input#kode': 'changeKode',
          'change input#judul':'changeJudul',
          'change input#subjudul':'changeSubJudul ...
  • Backbonejs - Collection 2

    how to use backbone collection js

    var Person = Backbone.Model.extend({
        initialize:function(){
             console.log('mas toni');
        }, 
        defaults:{
            name:'undefined',
            age:'undefined' ,
            id:0     
        }
    });
    
    var People ...
  • Backbonejs - Collection

    how to use backbone collection js

    var Person = Backbone.Model.extend({
        initialize:function(){
             console.log('mas toni');
        }, 
        defaults:{
            name:'undefined',
            age:'undefined' ,
            id:0     
        }
    });
    
    var People ...