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!