Onclick event and backbone.js view button

Question

Onclick event and backbone.js view button

I current has an html file with the following:

<div class="button1">

    <button class="first" id="up" onclick="tranistionUp">
       Go Up
    </button>

    <button class="last" id="down" onclick="tranistionDown">
       Go Down
    </button>
</div>

I have the following file in the backbone.js file:

var BlahView = BackBone.View.extend({
  initialize:function(){},
  blah...
  blah...
 transitionUp: function(){
    blah...
 },
 tranistionDown: function(){
},
render:function (){
    blah....
}; 
});

When I click on the buttons, I see a function error undefined for both functions, I am new to creating a circuit, any help would be great.

+3

javascript backbone.js backbone-views backbone-events

Brian May 21 '12 at 2:44

source share

1 answer

Cobby · Answer 1 · 2012-05-21T04:17:28+0000

It is supposed to configure event handlers in Backbone.View.

HTML (added id="myButtons"to container div)

<div class="button1" id="myButtons">
  <button class="first" class="button-up">Go Up</button>
  <button class="last" class="button-down">Go Down</button>
</div>

JavaScript (added events)

var BlahView = Backbone.View.extend({

  events: {
    "click .button-up": "transitionUp",
    "click .button-down": "tranistionDown",
  },

  transitionUp: function() {
    console.log("Transition up");
  },

  tranistionDown: function() {
    console.log("Transition down")
  }

});

var blahView = new BlahView({ el: $('#myButtons') });

onclick, transitionUp transitionDown . . HTML , Backbone ( ).

Onclick event and backbone.js view button

More articles: