Cannot bind actionBegin

[Wouter]

I tried all the examples, but the event never fires.

When trying with the following JS:
            function actionBegin(args) {
                console.log(args);
            }
            $(".editableGrid")
                .each(
                    function() {
                        var urla = ej.DataManager({
                            url: $(this).data("url"),
                            adaptor:
                                new ej.UrlAdaptor(),
                            crudUrl: $(this).data("crud"),
                            removeUrl: $(this).data("delete"),
                            offline: false
                        });
                       
                        var grid = $(this).children(":first");
                        grid.ejGrid("dataSource", urla);  //Works fine
                        grid.ejGrid("actionBegin", actionBegin); //Throws error
                    });
I get an error:

Error: ej.Grid: function/property - actionBegin does not exist
    at t.throwError (http://localhost:65055/Scripts/web/ej.web.all.min.js:10:24489)
    at n.fn.(anonymous function) [as ejGrid] (http://localhost:65055/Scripts/web/ej.web.all.min.js:10:19088)
    at HTMLDivElement.<anonymous> (http://localhost:65055/Scripts/Site.js:720:30)


How can I use my eventhandler?

[Ragavee U S]

Hi Wouter, 

Thanks for contacting Syncfusion support. 

We analyzed the code examples that you have shared and found that you have defined the actionBegin event as direct property in Grid so the reported error has been obtained. 

So we suggest you to define the actionBegin as in the below code example. 

$(".e-grid").ejGrid("model.actionBegin", "actionBegin"); //the client side events are defined within the grid model. 

Please try the above solution and get back if you still face any difficulties. 

Regards, 

Ragavee U S. 

[Wouter]

That works! Thanks.

[Ragavee U S]

Hi Wouter,