Adds a new empty table row in edit mode. The addRow method triggers edit event.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
grid.addRow();

Cancels any pending changes during. Deleted rows are restored. Inserted rows are removed. Updated rows are restored to their original values.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
grid.cancelChanges();

Switch the current edited row into display mode and revert changes made to the data

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
grid.cancelRow();

Returns the index of the cell in the grid item skipping group and hierarchy cells.

 // get a reference to the grid widget
 var grid = $("#grid").data("kendoGrid");
 // get the index of the row
 // TODO: add specific function call here

Clears currently selected items.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// clear the selection of items in the grid
grid.clearSelection();

Closes current edited cell.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// close the cell being edited
grid.closeCell();

Collapses specified group.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// collapses first group item
grid.collapseGroup(grid.tbody.find(">tr.k-grouping-row:first"));

Collapses specified master row.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// collapses first master row
grid.collapseRow(grid.tbody.find(">tr.k-master-row:first"));

Returns the data item to which a given table row (tr DOM element) is bound.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// returns the data item for first row
grid.dataItem(grid.tbody.find(">tr:first"));

Puts the specified table cell in edit mode. It requires a jQuery object representing the cell. The editCell method triggers edit event.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// edit first table cell
grid.editCell(grid.tbody.find(">tr>td:first"));

Switches the specified row from the grid into edit mode. The editRow method triggers edit event.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// edit first table row
grid.editRow(grid.tbody.find(">tr:first"));

Expands specified group.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// expands first group item
grid.expandGroup(grid.tbody.find(">tr.k-grouping-row:first"));

Expands specified master row.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// expands first master row
grid.expandRow(grid.tbody.find(">tr.k-master-row:first"));

Repaints the grid.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// refreshes the grid
grid.refresh();

Removes the specified row from the grid. The removeRow method triggers remove event. (Note: In inline or popup edit modes the changes will be automatically synced)

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// remove first table row
grid.removeRow(grid.tbody.find(">tr:first"));

Calls DataSource sync to submit any pending changes if state is valid. The saveChanges method triggers saveChanges event.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
grid.saveChanges();

Switch the current edited row into dislay mode and save changes made to the data (Note: the changes will be automatically synced)

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
grid.saveRow();

Selects the specified Grid rows/cells. If called without arguments - returns the selected rows/cells.

// get a reference to the grid widget
var grid = $("#grid").data("kendoGrid");
// selects first grid item
grid.select(grid.tbody.find(">tr:first"));