以下にこのページがあります。data: ピースはサーバーからの JSONP のように見えますが、この概念実証ではデータが表示されません。
後で data: セクションを次のように置き換えたいと思います
transport : {
read : "dwr/jsonp/DemoProxy/read/arg0",
dataType : "jsonp"
},
しかし、最初に下のページを動かしてみましょう。
<html><body>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<div id="grid0"></div>
<script type="text/javascript">
$(document).ready(function() {
$('#grid0').kendoGrid({
dataSource : {
data : [ {
"reply" : [ {
"location" : "dfg", "multi" : "dfg", "name" : "dfg"
}, {
"location" : "dfg", "multi" : "dfg", "name" : "dfg"
} ]
} ],
schema : {
data : "reply",
model : {
fields : {
location : {
type : "string"
},
multi : {
type : "string"
},
name : {
type : "string"
}
}
}
},
},
columns : [ {
field : "location", title : "Location"
}, {
field : "multi", title : "Multi"
}, {
field : "name", title : "Name"
} ]
});
})
</script>
</body></html>