This is a migrated thread and some comments may be shown as answers.

[Solved] Problem, Randslider change event triggers BEFORE the viewmodel changes

3 Answers 131 Views

MVVM

This is a migrated thread and some comments may be shown as answers.

sitefinitysteve asked on 14 May 2012, 02:02 PM

<div data-role="rangeslider" data-bind="value: Capacity, events: {change: editCapacity}" data-max="20">

<input />

</div>

//From the model

editCapacity: function (site) {

saveCapacity(site);

}

function saveCapacity(site){

var data =

{ "id": viewModel.BlockID ,

"campusid": viewModel.selectedCampus.get("CampusID"),

"rotationid": viewModel.selectedRotation.get("RotationID"),

"siteid": site.data.get("SiteID"),

"min": site.data.get("Capacity")[0],

"max": site.data.get("Capacity")[1]

};

$.ajax({

url: "/api/cps/clerkship/blocks/" + viewModel.BlockID + "/editcapacity",

type: "PUT",

data: data,

}).done(function () {

});

}

So let say the values initally are 0, 10. If I change the slider to 0, 5, this function triggers, but the Capacity value is still 0,10. The 0,5 is set after this finishes running.

[Solved] Problem, Randslider change event triggers BEFORE the viewmodel changes

3 Answers, 1 is accepted