1.api源码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.rtl.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.silver.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.mobile.all.min.css"/>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>
</head>
<body>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "age" }
],
dataSource: {
data: [
{ ids: 1, name: "Jane Doe", age: 30 },
{ ids: 2, name: "John Doe", age: 33 }
],
schema: {
model: { id: "id" }
}
},
editable: "inline"
});
var grid = $("#grid").data("kendoGrid");
grid.editRow($("#grid tr:eq(1)"));
</script>
</body></html>
选中datasource中加载数据的某一行，即可对某行数据进行编辑
2. 注意使用api需注意一下几点：
1.api的datasource数据时当前本地数据，后台读取datasource需要注意到读取时间点，我们必须让datasource加载完成之后才能使用。否则 ，获取无效。
---------------------
作者：Behomesick
来源：CSDN
原文：https://blog.csdn.net/weitao233136/article/details/53313006
版权声明：本文为博主原创文章，转载请附上博文链接！