Latest

by valchev

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.web.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<div id="grid"></div>
<button onclick="changeDS()">Change</button>
<button onclick="readDS()">Back</button>

JavaScript

$("#grid").kendoGrid( {
    dataSource: {
        transport: {
            read: {
                url: "/echo/json/",
                type: "POST",
                data: { 
                    json: JSON.stringify( [{name:"test", type: "user",description: "A user"}] )
                }
            }
        }
    }
} );

function changeDS() {
    $("#grid")
        .data("kendoGrid")
        .dataSource
        .data([{name:"test2", type: "user2",description: "A user2"}]);
}

function readDS() {
    $("#grid")
        .data("kendoGrid")
        .dataSource
        .read();
}