Backbone.js中的事件

Question

Can u help with the click event?? here is my code.

$(function() {
            var Trainee = Backbone.Model.extend();

            var TraineeColl = Backbone.Collection.extend({
                model: Trainee,
                url: 'name.json'
            });

            var TraineeView = Backbone.View.extend({
                el: "#area",
                template: _.template($('#areaTemplate').html()),

                render: function() {
                        this.model.each(function(trainee){
                        var areaTemplate = this.template(trainee.toJSON());
                        $(this.el).append(areaTemplate);
                    },this);

                    return this;
                }
            });

            var trainee = new TraineeColl();
            var traineeView = new TraineeView({model: trainee});
            trainee.fetch();
            trainee.bind('reset', function () {
                traineeView.render();
            });

        });

my o/p after(trainee.toJSON) is

Sinduja 
E808514 
HPS 

Shalini 
E808130 
HBS 

Priya 
E808515 
HSG 

Everything is fine with the o/p... Now i want to get this o/p oly after a button click....

Answer 1

Simply add an event to that button. Since you're using jQuery, that should be simple :

$(function () {
    $("#your_button_id").on("click", function (e) {
        e.preventDefault();
        // your code here 
    });
});

Answer 2

I don't understand what the o/p is...

Anyway, you can do something like that :

trainee.bind('reset', function () {
     $('button').click(function() {
           traineeView.render();
     });
});

with the proper jQuery selector $('button') for your button...