Here's my grid configuration:
gridItems.kendoGrid({
selectable: "row",
scrollable: true,
pageable: false,
sortable: true,
filterable: false,
rowTemplate: kendo.template($("#gridItemsRowTemplate").html()),
dataSource: {
data: data
},
columns: columns,
editable: "inline",
toolbar: ["create", "save", "cancel"],
navigatable: true
});
I've had to add the following code in order to get my grid into edit mode:
$("#gridItems td").click(function() {
if (!$(this).closest('tr').hasClass('k-grid-edit-row')) {
costingSheetItems.data("kendoGrid").editRow($(this).closest('tr'));
// remove spinner controls from numeric textboxes
var numericWrapper = $("#gridItems td").find(".k-numeric-wrap")
numericWrapper.find(".k-select").hide();
numericWrapper.addClass("expand-padding");
}
});
BUT, once it is in edit mode after I click on a row, if I type a new value into a cell and press Tab, the grid leaves edit mode and I can't get it back into edit mode.
Jerry