单击添加行方法会清除剑道网格输入控件值

Question

我在每行都有一个带有添加和删除按钮的剑道网格。每行都有一个 html 输入控件。当我向输入控件添加一些值并单击添加按钮时，值会被清除。 如何保存每个输入控件的值？

<script id="ob-template" type="text/x-kendo-template">
    <input id="tree"/>
</script>
<script>
var grid = $("#grid").kendoGrid({
            columns: [

                { field: "DispalyName", title: "DispalyName" },
                { field: "Value", title: "Value", template: $("#ob-template").html() },
                {
                    command: [
                         { title: "create", template: "<img class='ob-image'    src='../DefaultAssets/Images/New.png' style='padding: 0 8px 0 8px;' />" },
                         { title: "up", template: "<img class ='up-image' src='../DefaultAssets/Images/UpArrow.png' style='padding: 0 8px 0 8px;' />" },
                         { title: "down", template: "<img class ='down-image' src='../DefaultAssets/Images/DownArrow.png' style='padding: 0 8px 0 8px;' />" },
                         { title: "delete", template: "<img class ='delete-image' src='../DefaultAssets/Images/Delete.png' style='padding: 0 8px 0 8px;' />" }],
                }
            ]

$("#grid").on("click", ".ob-image", function (e) {
            var grid = $("#grid").data("kendoGrid");               
            grid.addRow();            
        });
</script>

HTML

<div id="grid" style="float: left;"></div>

Answer 1

如果要添加一行，则需要插入一个新值。 可能像：

var datasource = grid.dataSource;
var newRecord = { DispalyName: "8164", Value: "147"}
datasource.insert(newRecord);