This is great! However, I am working with a complex JSON. I am bounding this complex JSON to a property inside my observable viewmodel. I am a little confused on how to reference the array i intend on being sortable within the onChange function. I have posted below some of viewmodel:
(function (global) {
var servicesPlansViewModel,
app = global.app = global.app || {};
servicesPlansViewModel = kendo.data.ObservableObject.extend({
servicePlans : "",
getServicePlans: function (callback) {
var that = this;
$.ajax({
url: 'services-data.json',
type: 'get',
dataType: 'json',
error: function(response){
console.log('error')
},
success: function(response){
that.set("servicePlans", response.sPlans);
callback();
}
});
}
})
app.servicesPlansData = {
viewModel: new servicesPlansViewModel()
};
})(window);
Here is a preview of basically how the JSON file looks like:
{
"sPlans" : [
{
"pDetails":{
"includedServices": [
{
"configID" : 0,
"configName": "Config1",
"wkd": true,
"wke": false,
"ah": false,
"ho": false,
"coI": 50,
"coP": 200,
"perPeriod": 500
},
{
"configID" : 1,
"configName": "Config2",
"wkd": false,
"wke": true,
"ah": false,
"ho": true,
"coI": 2,
"coP": 200,
"perPeriod": 500
}
]
}
}
]
}
Thanks for all the help!