Question

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

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"
}

Demo。我希望它有所帮助。

如何在kendo网格上将所选行显示到文本框

1 个答案: