<
div
data-role
=
"rangeslider"
data-bind
=
"value: Capacity, events: {change: editCapacity}"
data-max
=
"20"
>
<
input
/>
<
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.