Cancelling edit deletes programmatically added model

[Jesper]

If you add a model programmatically to your grid datasource - for example using the add()-method - set the corresponding row to edit mode and cancel the edit without changing anything, the model will be deleted.

This is the kind of behaviour you'd expect if you add an empty row to the grid and then cancel the edit without entering any information.

See this fiddle: http://jsfiddle.net/MM5Ke/3/

To reproduce, click the edit button, then the update button. The row will disappear. 
There's also an uncaught TypeError.

If this is to be intended behaviour, errors should be dealt with and the behaviour should be better documented.

[John]

Having the same problem using MVC Wrappers. Seems odd that this is happening inside a wrapper as it wouldn't build if there was a typo or something missing!

My code looks the same as the KendoUI example, apart from the Model which has a few more items in it.

[Alexander Valchev]

Hello guys,

The behaviour is caused by the fact that when you add a new item in this way its ID is not initially equal to the default one which is why the Grid cannot save it nor update its internal data.
The recommended approach is to add a new (empty) record, set the values (like in the editing process) and sync the changes. As an example:

var m = grid.dataSource.add();
m.set("bar", "baz");
m.set("foo", 1);
grid.dataSource.sync();

For convenience I prepared a simplified example using this approach in action.

Regards,
Alexander Valchev
the Telerik team