Binding multiple event types in backbone views

javascript backbone.js backbone-events backbone-views
stephenmuss picture stephenmuss · May 30, 2012 · Viewed 22.2k times · Source

I was wondering if it is possible to bind multiple event types in backbone within a single line.

Consider the following:

var MyView = Backbone.View.extend({
    id: 'foo',
    events: {
        'click .bar': 'doSomething',
        'touchstart .bar': 'doSomething'
    },
    doSomething: function(e) {
        console.log(e.type);
    }
});

Basically what I am wondering is if it is possible to combine the event binding for 'click' and 'touchstart' into one line - along the lines of:

events: { 'click,touchstart .bar': 'doSomething' }

Any suggestions would be appreciated.

Answer

rinat.io picture rinat.io · May 30, 2012

It's impossible for views jQuery events, which are bound through delegateEvents. It's is possible for backbone events, though:

book.on("change:title change:author", ...);

Related questions

Button Onclick event and backbone.js view

I current have 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 </…

Read More
Backbone JS: can one view trigger updates in other views?

In my simple project I have 2 views - a line item view (Brand) and App. I have attached function that allows selecting multiple items: var BrandView = Backbone.View.extend({ ...some code... toggle_select: function() { this.model.selected = !this.model.selected; …

Read More
Backbone Custom Events

Let's say I have two views (paginationview and postsview) and a collection (postscollection). Whenever the .next button is clicked in the paginationview I am calling the next function in the postscollection and the post collection is fetching the new page's …

Read More