backbone-events

We have a large Marionette App, that uses Backbone.trackit to monitor unsaved changes in our Models. We now have some nested models, in fact we have a Model, with a Collection of Models, that contain a Collection of Models. trackit doesn't support the top level model being marked as 'dirty' when the child models change - due to backbone not bubbling these change events. I know we could manually monitor these change events, but Im looking for a generic solution. Has anyone had any experience of the following libs or any other solutions for this? backbone-deep-model Backbone Associations events

I have a model attribute which is an object: name : "testing", orderCondition: { minOrderAmount: 20, deliveryCostRequire: "MIN_ORDER_AMOUNT", deliveryCostAmount: 5.55 } When I use listenTo like this, the render function is not called this.listenTo(this.model, "change:orderCondition", this.render); // NO FIRING But when I use listenTo on other attributes, it works. this.listenTo(this.model, "change:name", this.render); // FIRING Why listenTo doesn't see changes in nested objects but see them in simple attributes? A simple way to make the nested object attribute trigger a change event is to

Backbone's documentation states: The events property may also be defined as a function that returns an events hash, to make it easier to programmatically define your events, as well as inherit them from parent views. How do you inherit a parent's view events and extend them? Parent View var ParentView = Backbone.View.extend({ events: { 'click': 'onclick' } }); Child View var ChildView = ParentView.extend({ events: function(){ ???? } }); One way is: var ChildView = ParentView.extend({ events: function(){ return _.extend({},ParentView.prototype.events,{ 'click' : 'onclickChild' }); } }); Another

I am trying to learn the new changes they did in Backbone 0.9.9. Currently I got problems to understand the difference between listenTo and on : listenTo var View = Backbone.View.extend({ tagName: "div", intialize: function() { this.listenTo(this.model, 'change', this.render); }, render: function() { this.$el.empty(); this.$el.append('<p>hello world</p>'); } }); on var View = Backbone.View.extend({ tagName: "div", intialize: function() { this.model.on('change', this.render, this); }, render: function() { this.$el.empty(); this.$el.append('<p>hello world</p>'); } }); I have heard that listenTo

I have super-View who is in charge of rendering sub-Views . When I re-render the super-View all the events in the sub-Views are lost. This is an example: var SubView = Backbone.View.extend({ events: { "click": "click" }, click: function(){ console.log( "click!" ); }, render: function(){ this.$el.html( "click me" ); return this; } }); var Composer = Backbone.View.extend({ initialize: function(){ this.subView = new SubView(); }, render: function(){ this.$el.html( this.subView.render().el ); } }); var composer = new Composer({el: $('#composer')}); composer.render(); When I click in the click me