Debugging MVVM Attributes

[axwack]

Does anyone know how to debug a databound attribute in MVVM?

For example: I want to see the value of a calculated attribute.

I tried console.debug (this.get(" XXXX"));

This doesnt do anything. Anyone else?

[Jeremy Wiebe]

The expression this.get('myproperty') only works when you are working within a computed property (in that case 'this' points back to the view model itself.

If you want to set the value of a model property from 'outside' call .get() on the model itself (even for nested objects).  Eg. this.get('customer.name')

For computed properties you can just call the method directly on your model object.  Like this:

var order = kendo.observable({

    OrderNumber: '1234',

    Customer: {

        Name: 'Joe Blow',

        Address: '123 Main Street'

    },

    getSummary: function() {

        return 'Order #' + this.get('OrderNumber') + ' for ' + this.get('Customer.Name');

    });

 

console.log(order.get('OrderNumber'));

console.log(order.get('Customer.Address');

console.log(order.getSummary());