码迷,mamicode.com
首页 > 其他好文 > 详细

kendoUI行编辑器的使用grid.editRow($("#grid tr:eq(1)"))无效

时间:2019-06-15 12:06:28      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:声明   htm   doctype   editable   rip   https   编辑器   原创   title   

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
版权声明:本文为博主原创文章,转载请附上博文链接!

kendoUI行编辑器的使用grid.editRow($("#grid tr:eq(1)"))无效

标签:声明   htm   doctype   editable   rip   https   编辑器   原创   title   

原文地址:https://www.cnblogs.com/water-1/p/11026897.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!