[英]how to add data in a row or kendo Grid
我有一个场景,我想通过程序填充一些剑道网格列。 所以我假设我必须捕捉行并在列中填充数据。
我能够根据某些事件(例如单击)获取行 ID。 但我不知道如何以实用的方式更新基于行 id 的列的值。
http://jsfiddle.net/xojke83s/4/
上面是 JS 小提琴,我可以在其中获取特定行的行 ID。 我想知道按程序在任何列中填充一些数据的方式。 在上面的例子中,列应该是 operationContext。
以下是相同的代码 -
<div id="grid"></div>
$("#grid").kendoGrid({
"dataSource": {
"schema": {
"model": {
"id": "id",
"fields": {
"OperationContext": {
"type": "string",
"editable": "false"
}
}
}
}
},
"editable": "popup",
"toolbar": [
{
"name": "create",
"text": "Add a New Record"
}
],
"columns": [
{
"field": "Name",
"title": "Name"
},
{
"field": "Age",
"title": "Age"
},
{
"field": "OperationContext",
"title": "Operation Context"
},
{ command: ["edit", "destroy"], title: " ", width: "250px" }
]
});
$(".k-grid-add").on("click", function () {
var grid = $("#grid").data("kendoGrid").dataSource.data([{OperationContext: "IsAdded"}]);
});
//bind click event to the checkbox
var grid = $("#grid").data("kendoGrid");
grid.bind("edit", grid_edit);
function grid_edit(e){
console.log(e.model.uid);
}
提前致谢。
根据要求从评论中做出答复
我已经用这个更新了你的小提琴:更新的 js 小提琴
我修改了编辑代码来做到这一点:
function grid_edit(e){
console.log(e.model);
if(!e.model.isNew() || e.model.id === 0){
e.model.set("OperationContext","I am being updated");
}
}
它只会为新项目或 id 大于 0 的地方添加插入( defaultValue
)和更新文本。
如果值为空或者它被用作状态跟踪器,我可以看到新创建的项目和编辑项目的逻辑。
但是,如果您删除了一个项目,那么肯定会从您的datasource
删除该项目,并且您将无法再访问该项目,那么为什么要存储更新/指示要删除的值的更新。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.