or
$(document).ready(function () { var ds = null; ds = new kendo.data.DataSource({ transport: { read: { url: "data.json", dataType: "json" } }, change: function () { var data = this.data(); // or this.view(); } }); $("#grid").kendoGrid({ dataSource: ds,// dataSource: {// data: ds,// pageSize: 2// }, sortable: { mode: "single", allowUnsort: false }, columns: [ { field: "Product", title: "Product Title" }, { field: "Manufacturer", title: "Manufacturer Title" }, { field: "Description", title: "Description Title" }, { field: "Property2", title: "Property 2" } ] }); });<script id="template" type='text/x-kendo-template'> #=Amount#</script><div id="calledAndDefeasedDebt" data-role="grid" data-scrollable="false" data-bind="source: calledAndDefeasedDebt" data-columns="['Description', {'field':'Amount', 'title':'AMT', 'template':'kendo.template($(\'template\').html())'}]"></div>kendoGrid({ dataSource : { transport : { create : { url : "http://testsite/rest/receipts.xml", dataType : "xml", type : "POST", contentType : "text/xml", processData : false, batch : false }, parameterMap : function(data, type) { if (type === "create") { var postxml = '<reciept><id></id><tenant>'; postxml += data.tenant; postxml += '</tenant>'; return postxml; } } }