[Solved] How to add new record to grid?

[Michail]

Hello, i have a grid and i want to be able to add new record by button

$("#grid").kendoGrid({

height: 206,

editable: true, 

dataSource: {

    data: [ { lt_time: "00:00", lt_event: "Test message" } ]

},

columns: [ { width: 60, field: "lt_time", title: "Time" }, { field: "lt_event", title: "Event" } ]

});

Delete works fine:

var grid = $("#grid").data("kendoGrid"); 
grid.removeRow(grid.tbody.find(">tr:first"));

but how to add new entry? something like:  grid.addRow( { lt_time: "00:00", lt_event: "Test Message" } );

thanks for answers!





[Iliana Dyankova]

Hello Michail,

In order to add a new item you can use the DataSource's add() method and the create transport to synchronize the changes. For example: 

var dataSource = $('#grid').data('kendoGrid').dataSource;
dataSource.add({lt_time:"00:00",lt_event:"Test Message"});

Regards,
Iliana Nikolova
the Telerik team

[Richard]

Can you provide a example of what that datasync change is?  What happens after addrow then datasync then display in grid?

[Iliana Dyankova]

Hi Richard,

It appears my colleague Peter has already answered to a similar question in the support thread you opened (889522). I would like to ask to continue the discussion in the support thread in order to avoid any duplications. Thank you in advance for your understanding and cooperation.

Regards,
Iliana Nikolova
Telerik