Custom button - Add Row in Grid

[Manuel]

Hello! I am trying to have a button that adds a row on a grid, that is in GridEditMode.PopUp. However, this button is outside of the grid. Right now I have this:

$("#add").click(function () {
        var grid = $("#grid").data("kendoGrid");
        if (grid) {
            var dataSource = grid.dataSource;
            var total = dataSource.data().length;
            dataSource.insert(total, {});
            dataSource.page(dataSource.totalPages());
            grid.editRow(grid.tbody.children().last());
        }
        return false;
    });

 

but this only displays my popup for a second, before it disappears. If I remove "return false;", the page reloads (as expected). How can I achieve the solution?

 Thanks, 

Manuel

[Manuel]

Hello again. I was able to solve the proble with the following solution:

$("#add").click(function () {
    var grid = $("#grid").data("kendoGrid");
    grid.addRow();
    return false;
});

Regards,

Manuel

[Dimiter Madjarov]

Hello Manuel,

Indeed using the addRow method of the Grid API is the correct approach. Thanks for the update.

Regards,
Dimiter Madjarov
Telerik