backbone_Collection的create，add，push，unshift

var app = app || {};

(function () {
    ‘use strict‘;

    // User Model
    // ----------

    
    app.User = Backbone.Model.extend({
        
        defaults: {
            firstName: ‘‘,
            lastName: ‘‘,
            telNo:‘‘,
            email:‘‘
        },

    });
})();

var app = app || {};

(function () {
    ‘use strict‘;


    var Users = Backbone.Collection.extend({
        // Reference to this collection‘s model.
        model: app.User,

        // Save all of the todo items under the `"todos"` namespace.
        localStorage: new Backbone.LocalStorage(‘users-backbone‘),
        
        

    });

    // Create our global collection of **Users**.
    app.users = new Users();
})();

/*global Backbone, jQuery, _, ENTER_KEY */
var app = app || {};

(function ($) {
    ‘use strict‘;

    
    app.AppView = Backbone.View.extend({
        
        //el: ‘.user-list-tb‘,
        el: ‘.container‘,
        
        events: {
            ‘click #register-btn‘: ‘register‘,
            ‘click #add-btn‘: ‘add‘,
            ‘click #push-btn‘: ‘push‘,
            ‘click #unshift-btn‘: ‘unshift‘,
            //‘click #add‘: ‘register‘,
        },

        initialize: function() {
            this.$list = $(‘#user-list-bd‘);
            //this.$list = $(‘#user-list‘);
            
            this.listenTo(app.users, ‘add‘, this.addOne);
            this.listenTo(app.users, ‘reset‘, this.addAll);
            //this.listenTo(app.users, ‘all‘, _.debounce(this.render, 0));
            
            app.users.fetch({reset: true});
        },

        /*render: function() {
            
        },*/
        
        newAttributes: function() {
            return {
                firstName:this.$("#firstname").val(),
                lastName:this.$("#lastname").val(),
                telNo:this.$("#telNo").val(),
                email:this.$("#email").val(),
            };
        },
        
        register: function() {

            var a = this.newAttributes();
            app.users.create(a);
            
        },
        
        addOne: function(user) {
            var view = new app.UserlistView({ model: user });
            this.$list.append(view.render().el);
            //$(‘#aa‘).append("<span>bb</span>");
        
        },
        
        addAll: function() {
            ///this.$list.html(‘‘);
            app.users.each(this.addOne, this);
        
        },
        
        add: function(){
            var a = this.newAttributes();
            app.users.add(a,{at:2});
            console.dir(app.users);
        },
        
        push: function(){
            var a = this.newAttributes();
            app.users.push(a);
            console.dir(app.users.models);
        },
        
        unshift: function(){
            var a = this.newAttributes();
            app.users.unshift(a);
            console.dir(app.users);
        }
        
    });
})(jQuery);

/*global Backbone, jQuery, _, ENTER_KEY */
var app = app || {};

(function ($) {
    ‘use strict‘;

    
    app.UserlistView = Backbone.View.extend({
        tagName:  ‘tr‘,
        //tagName:  ‘li‘,
        
        template: _.template($(‘#user-list‘).html()),
        //template: _.template(‘<div><%= firstName %>：<%= telNo %></div>‘),
        
        initialize: function () {

            this.listenTo(this.model, ‘change‘, this.render);
        },

        // Re-render the titles of the todo item.
        render: function () {

            /*if (this.model.changed.id !== undefined) {
                return;
            }

            this.$el.html(this.template(this.model.toJSON()));
            this.$el.toggleClass(‘completed‘, this.model.get(‘completed‘));
            this.toggleVisible();
            this.$input = this.$(‘.edit‘);
            return this;*/
            var a = this.template(this.model.toJSON());
            this.$el.html(a);
            return this;
        },
        
    });
})(jQuery);

    // Create a new instance of a model in this collection. Add the model to the
    // collection immediately, unless `wait: true` is passed, in which case we
    // wait for the server to agree.
    create: function(model, options) {
      options = options ? _.clone(options) : {};
      var wait = options.wait;
      if (!(model = this._prepareModel(model, options))) return false;
      if (!wait) this.add(model, options);
      var collection = this;
      var success = options.success;
      options.success = function(model, resp, callbackOpts) {
        if (wait) collection.add(model, callbackOpts);
        if (success) success.call(callbackOpts.context, model, resp, callbackOpts);
      };
      model.save(null, options);
      return model;
    },

// Add a model, or list of models to the set.
add: function(models, options) {
      return this.set(models, _.extend({merge: false}, options, addOptions));
    },
    
// Add a model to the end of the collection.
    push: function(model, options) {
      return this.add(model, _.extend({at: this.length}, options));
    
    },
    
    unshift: function(model, options) {
      return this.add(model, _.extend({at: 0}, options));
    },