[Solved] Programmatically turn on edit in firs grid cell

[Janusz]

Hi,

I have grid with incell editing. How can I turn on edit (enter into editor and set focus) in first cell with button click ?

[Venelin]

Hi Janusz,

You can achieve the desired functionality by using the editCell method. Here is how:

JS:

$("#grid").kendoGrid({
    dataSource: dataSource,
    navigatable: true,
    pageable: true,
    height: 550,
    toolbar: ["create", "save", "cancel"],
    columns: [
        "ProductName",
        { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: 120 },
        { field: "UnitsInStock", title: "Units In Stock", width: 120 },
        { field: "Discontinued", width: 120 },
        { command: "destroy", title: " ", width: 150 }],
    editable: true,

    dataBound: function (e) {
        var sender = e.sender;
        var cellToEdit = sender.content.find("td:eq(0)");
        sender.editCell(cellToEdit);
    }
});

The relevant part of the code is in yellow. For your convenience I have also created a dojo example. You can observe that the first cell is programmatically put in edit mode as you required.

Regards,
Venelin
Telerik