add a new row through javascript in the grid

[Zora]

Hi,

I would like to add a new row to the grid programatically (with certain values, let's say "111", "Mike") everytime a button is clicked(or another event happens, the button clicked is just an example). Can I do that in javascript (hooking the update event on button.click)?

[Atanu]

For adding a new row you can use in your javascript code

var grid = $("#YourGridName").data("kendoGrid");

grid.addRow();

Make sure you have an editable grid.

Hope that helps.

[Zora]

Thank you Atanu! Starting from there, I found the solution to add values as well:

var grid = $("#myGridID").data("kendoGrid");
        var datasource = grid.dataSource;
        datasource.insert({ ColumnName1: 'mydata', ColumnName2: '4445' }); //here mention all the column names, otherwise will get an error