Kendo UI
jQuery + Kendo UI + MockJax
HTML
<script src="http://cdn.kendostatic.com/2012.1.229/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.blueopal.min.css">
<script src="https://raw.github.com/appendto/jquery-mockjax/master/jquery.mockjax.js"></script>
JavaScript
$.mockjax({
url: "data.json",
responseTime: 0,
responseText: {
"item": "item1",
"price": "$2.50",
"details": [{
"sku": "11111",
"instock" : "YES",
"storeNum": "3352"
}]
}
});
new kendo.data.DataSource({
transport: {
read: "data.json"
},
schema: {
data: "details"
},
change: function() {
var view = this.view();
alert(view[0].sku);
}
}).read();