I have a view that is using a kendo.observable with a datasource wired to call a .NET MVC ActionResult that returns Json data (both the view and the ActionResult are in the same domain. I tried using jsonp to see if anything shook out differently, but no dice.)
further up in the html view I am binding an html element to a value that is going to return from that GetCardOrder call:
I have verified using fiddler that the ActionResult is being called and it is returning a valid block of Json data (specifically the Group value shown above). However, when I debug the javascript after the .read is called, the datasource has 0 data, and thus nothing is being updated in the view.
It's entirely possible I am missing something basic here.
$(document).ready(
function
() {
var
viewModel = kendo.observable({
data:
new
kendo.data.DataSource({
transport: {
read: {
url:
"GetCardOrder?shipSuffix=123123123"
,
dataType:
"json"
}
},
batch:
true
}),
});
kendo.bind($(
"#order_details"
), viewModel);
viewModel.data.read();
});
further up in the html view I am binding an html element to a value that is going to return from that GetCardOrder call:
<
div
class
=
"col-sm-6 col-md-5"
>
<
label
>Group:</
label
>
<
span
data-bind
=
"text: data.Group"
></
span
>
</
div
>
I have verified using fiddler that the ActionResult is being called and it is returning a valid block of Json data (specifically the Group value shown above). However, when I debug the javascript after the .read is called, the datasource has 0 data, and thus nothing is being updated in the view.
It's entirely possible I am missing something basic here.