Empty
HTML
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.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="myGrid"></div>
JavaScript
var data = [{
"code": "4f92742ab878e",
"num": 1021318995,
"id": 0},
{
"code": "4f92742ab87d4",
"num": 176528002,
"id": 1},
{
"code": "4f92742ab8817",
"num": 200150905,
"id": 2},
{
"code": "4f92742ab885a",
"num": 1912918525,
"id": 3},
{
"code": "4f92742ab889d",
"num": 1068454143,
"id": 4},
{
"code": "4f92742ab88e0",
"num": 30497630,
"id": 5},
{
"code": "4f92742ab8923",
"num": 274510480,
"id": 6},
{
"code": "4f92742ab8966",
"num": 194362464,
"id": 7},
{
"code": "4f92742ab89a9",
"num": 940865948,
"id": 8},
{
"code": "4f92742ab89ec",
"num": 307123023,
"id": 9}];
$("#myGrid").kendoGrid({
columns: [
{
title: "ID",
field: "id"},
{
title: "Unique Code",
field: "code"},
{
title: "Number",
field: "num"}
],
dataSource: {
transport: {
read: {
url: "/echo/json/",
type: "POST",
data: {
json: kendo.stringify(data)
}
}
}
}
});