[Solved] "Ghost data" appears in kendoGrid when adding new row

[Laszlo]

Hi,

If you repeat exactly these steps (example: http://dojo.telerik.com/OziZa):

- initialize grid with some data (done at load time or by pressing the "2014 data" button)
- re-initialize grid with empty data (press the "2015 data" button)
- disable sorting and add new row (press "Add row" button)

you will find that "ghost data" will emerge below the freshly inserted row. Actually, they are the rows from the first ever dataset the grid the have been initialized with.

I narrowed it down that it happens only if the current datasource is empty and the sorting is disabled. I disable sorting because I want to make sure the new row always appear on the top of the grid regardless how the grid columns were sorted beforehand.

[Rosen]

Hello Laszlo,

The behavior you have described is caused by the fact that the DataSource will ping the transport when empty and its fetch method is called. This in your case will repopulate the DataSource with its initial data, as this is what is supplied to the local transport, when DataSource is initialized. In order to workaround this you could initialize the DataSource with empty data and populate it after the fact, similar to the following:

$(document).ready(function () {
    $("#grid").kendoGrid({
        dataSource: {
            data: [],
            pageSize: 3
        },
        autoBind: false,
            /*...*/
   });
   set2014();
});

Regards,
Rosen
Telerik