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

Question

I am new to Kendo grids. I have a kendo grid that displays the Id,name,Email Id. So if a select a row that complete row should be displayed in the texboxes related to the fields(Id,name,Email).

Answer 1

You can make a function to fill your form and an easy way to do it is to use the input ids as the same as the data properties. Example below:

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

And the fillForm function:

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]);
    }
}

This will run a reflection logic to fill automatically your form, being you form like:

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

And your data like:

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

Demo . I hope it helps.