kendo jquery grid unbind not working comman add row

[Wilmer]

greetings,

I am currently migrating from kendo version 2015.2.902 to 2023.1.314 for some of the company's core applications and I have the following problem.

When adding the create command to any grid, adding a new row is not working, if I disable the following code in the ondatabound event

function onGridDataBound() {
    /*$('.k-grid-add').unbind("click");*/

    $('.k-grid-add').bind("click", function () {
        if (esModuloAtributos() && configuradorUtils.mode === "edit") {
            setKendoDropDownInitSelection("xxxx");
            setKendoDropDownInitSelection("xxxxx");
        } else if (esModuloAgrupaciones() && configuradorUtils.mode === "edit") {
            setKendoDropDownInitSelection("xxxx");
            setKendoDropDownInitSelection("xxxxxx");
        }
        $("#Todos").prop("checked", false);
        return validaFiltros();
    }); 
}

The grid works to create and add the new row, but it does not maintain the functionality that if x condition is met it should add the row.

[Nikolay]

Hello Wilmer,

The addition of the row cannot be easily prevented and you could just cancel the row if the validation fails using the canceRow() method:

• https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/cancelrow

$("#grid").on("click", ".k-grid-toolbar .k-grid-add", function(e) {
    let grid = $("#grid").data("kendoGrid");
    grid.cancelRow()
});

Also, the code snippet above could be placed outside the grid so you do not attach an event on each databound.

Let me know how that works for you.

Regards,
Nikolay
Progress Telerik