如何在一行或剑道网格中添加数据

时间:2015-09-04 07:37:42

标签: javascript jquery arrays kendo-grid

我有一个场景,我希望按程序填充一些kendo网格列。所以我假设我必须捕获行并填充列中的数据。

我可以根据某些事件获取行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: "&nbsp;", 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);
}

提前致谢。

1 个答案:

答案 0 :(得分:1)

根据要求通过评论回答

我已经更新了你的小提琴:updated js fiddle

我修改了编辑代码来执行此操作:

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中删除该项目,您将无法再访问该项目,因此为什么要存储更新/指示要删除的值的更新。