Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

backbone listen to object changes in model

Can I listen to any changes in one object in Model? I know how to listen model changes, but I need only to listen objects in model and view.

var view = Backbone.View.extend({
    func: {},
    initialize: function () {
        this.listenTo(this.func, 'change', function(select){
            console.log(select.changed) //NEED TO SHOW ON ADDING ANY DATA TO this.func
        })
        this.func['asd'] = 'asdasd';
    }
})
like image 798
Sergey Kudryashov Avatar asked Dec 14 '22 20:12

Sergey Kudryashov


1 Answers

This is exactly what models are for - not just fetching data from a server but also passing data around your app.

When you want to be informed about changes to some data you don't create a custom variable you use attributes.

var MyModel = Backbone.Model.extend({
    initialize: function() {
        // Listen to changes on itself.
        this.on('change:asd', this.onAsdChange);    
    },

    onAsdChange: function(model, value) {
        console.log('Model: Asd was changed to:', value);
    }
});

var MyView = Backbone.View.extend({
    initialize: function() {
        // Listen to changes on the model.
        this.listenTo(this.model, 'change:asd', this.onAsdChange);  
    },

    onAsdChange: function(model, value) {
        console.log('View: Asd was changed to:', value);
    }
});

var myModel = new MyModel();
var myView = new MyView({
    model: myModel
});

myModel.set('asd', 'something');

myModel.set('asd', 'something else');

Fiddle: http://fiddle.jshell.net/ferahl/4fxtZ/

like image 132
Dominic Avatar answered Dec 17 '22 11:12

Dominic