backbone-views – Tarik Billa

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

June 1, 2023 by Tarik

You might want to have a read of this discussion of Backbone pub/sub events: http://lostechies.com/derickbailey/2011/07/19/references-routing-and-the-event-aggregator-coordinating-views-in-backbone-js/ I like to add it in as a global event mechanism: Backbone.pubSub = _.extend({}, Backbone.Events); Then in one view you can trigger an event: Backbone.pubSub.trigger(‘my-event’, payload); And in another you can listen: Backbone.pubSub.on(‘my-event’, this.onMyEvent, this);

What is the difference between $el and el in Backbone.js views?

March 27, 2023 by Tarik

“el” is HTMLElement “$el” is jQuery lets say that you do this var myel = this.el; // here what you have is the html element, //you will be able to access(read/modify) the html //properties of this element, with this var my$el = this.$el; // you will have the element but //with all of the functions … Read more

attaching backbone.js views to existing elements vs. inserting el into the DOM

February 22, 2023 by Tarik

There’s absolutely nothing wrong with the idea of attaching a view to an existing DOM node. You can even just put the el as a property on your view. window.MyView = Backbone.View.extend( { el: ‘#myView’, initialize: function () { this.template = _.template($(‘#myViewContents’).html()); this.render(); }, render: function () { this.$el.html(this.template()); // this.$el is a jQuery wrapped … Read more

Backbone.View “el” confusion

January 9, 2023 by Tarik

A views el is where all the event binding takes place. You don’t have to use it but if you want backbone to fire events you need to do your rendering work on the el. A views el is a DOM element but it does not have to be a pre-existing element. It will be … Read more