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
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！