Subscribing to changes?

[sitefinitysteve]

I need a checkbox bound to a bool in my model...however on click I need to persist that change to a webservice.

data-bind="checked: AvailableToHamilton, click: shareWith"

So in this case I need the checkbox to show the state of the model, then the click event I need to send the value and then call a function to update a count based on the model.

What's HAPPENING though it seems is this
1) Checked
2) Ajax Call
3) Ajax Complete
4) Function Runs to get count (checks bool state)
5) Bool state changed

So I know this because if I set a timeout on step 4

success: function (e) {

    setTimeout(function(){

        viewModel.getTotalCapacity();

    }, 100);

}

...then the count updates okay...

So if I could subscribe to a change on the property (somehow) then the function could run AFTER it changes.

Steve

[Atanas Korchev]

Hi,

 The click event of the checkbox is raised before its value is updated. You can try using the change event instead.

Regards,
Atanas Korchev
the Telerik team

[sitefinitysteve]

OH!  I didn't even know that was an event to hook into...I don't see it anywhere in the documentation\demos

I will try it, thanks

[sitefinitysteve]

...seems to work!

Thanks again

[Atanas Korchev]

Hi,

By "change" event I meant the DOM "change" event of the checkbox. You should use the events binding to handle it.

Greetings,
Atanas Korchev
the Telerik team

[sitefinitysteve]

Ahh is that what it is, okay thanks (I noticed data-bind="change: " didn't work so I tried that next.