I cannot get this to bind for some reason. I have attached the Fiddler response JSON data as evidence that it is coming in.
<div class="k-content">
<div id="listView"></div>
</div>
<script>
$(document).ready(function() {
var sharedDataSource = new kendo.data.DataSource({
transport: {
type: "odata",
read: {
url: "DataService" + "/Events()?$filter=(((StartDate le datetime'2012-09-14') and (EndDate ge datetime'2012-09-14')) or ((StartDate le datetime'2012-09-21') and (EndDate ge datetime'2012-09-21'))) or (((((StartDate ge datetime'2012-09-14') and (EndDate le datetime'2012-09-21')) or ((StartDate le datetime'2012-09-14') and (EndDate ge datetime'2012-09-21'))) and (not Inactive)) and Viewable)",
contentType: "application/json; charset=utf-8",
type: "GET",
dataType: "jsonp",
data: {
Accept: "application/json"
}
}
}
,
pageSize: 12
});
$("#listView").kendoListView({
dataSource: sharedDataSource,
template: "<li>${Title}</li>"
});
});
</script>
<div class="k-content">
<div id="listView"></div>
</div>
<script>
$(document).ready(function() {
var sharedDataSource = new kendo.data.DataSource({
transport: {
type: "odata",
read: {
url: "DataService" + "/Events()?$filter=(((StartDate le datetime'2012-09-14') and (EndDate ge datetime'2012-09-14')) or ((StartDate le datetime'2012-09-21') and (EndDate ge datetime'2012-09-21'))) or (((((StartDate ge datetime'2012-09-14') and (EndDate le datetime'2012-09-21')) or ((StartDate le datetime'2012-09-14') and (EndDate ge datetime'2012-09-21'))) and (not Inactive)) and Viewable)",
contentType: "application/json; charset=utf-8",
type: "GET",
dataType: "jsonp",
data: {
Accept: "application/json"
}
}
}
,
pageSize: 12
});
$("#listView").kendoListView({
dataSource: sharedDataSource,
template: "<li>${Title}</li>"
});
});
</script>