如何在剑道网格上向文本框显示所选行

Question

我是剑道网格的新手。 我有一个显示ID，名称，电子邮件ID的Kendo网格。 因此，如果选择完整的行，则应在与字段（Id，名称，电子邮件）相关的texbox中显示该行。

Answer 1

您可以创建一个函数来填写表单，一种简单的方法是使用输入id与数据属性相同。 下面的例子：

change: function(e) {
    var dataItem = this.dataItem(this.select());
    fillForm(dataItem);
}

和fillForm函数：

var fillForm = function(dataItem) {
    var columns = $("#grid").data("kendoGrid").options.columns;
    var form = $("form");

    for (var i = 0; i < columns.length; i++) {
        var field = columns[i].field;
        form.find("#" + field).val(dataItem[field]);
    }
}

这将运行一个反射逻辑来自动填写您的表单，如下所示：

<input type="text" id="Id" />
<input type="text" id="Name" />
<input type="text" id="LastName" />

您的数据如下：

{
    Id: 1,
    Name: "John",
    LastName: "Doe"
}

演示 希望对您有所帮助。