如何在 Kendo UI 网格中的 selectedRow 上执行命令？

Question

我正在使用下面的代码在数据源的开头插入一条新记录

dataSource.insert(0, data);

记录插入dataSource后，需要执行edit命令。我该怎么做？

我认为情况如下所示：

1. 获取选中的行
2. 对其执行编辑命令

请注意，我不想在每一行中都进行编辑 column/button。

Answer 1

您可以尝试使用以下代码片段。

<div id="grid">
</div>
<input type="button" value="set selected row in edit mode" onclick="setEditMode();" />
<script>
    var dataSource = new kendo.data.DataSource({
        data: [
            { Name: "Lisa", Value: 1 },
            { Name: "Dan", Value: 12 },
            { Name: "Ken", Value: 5 },
            { Name: "Arthur", Value: 15 }, 
        ],
        schema: {
            model: {
                fields: {
                    Name: { type: "string" },
                    Value: { type: "number" }
                }
            }
        }
    });

    $("#grid").kendoGrid({
        dataSource: dataSource,
        dataBound: function (e) {
        },
        editable: "inline",
        selectable: "single",
        columns: [
            { field: "Name" },
            { field: "Value" }
        ],
        sortable: true
    });
    //by using below code you can convert selected row into edit mode
    function setEditMode() {
        var grid = $('#grid').data('kendoGrid');
        grid.editRow(grid.select());
    }
</script>

如有任何疑问，请告诉我。