We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

I want to perform save action on last row tab button click

I want example with angular js and mvc

For example I have three columns on grid 

I am doing tabbing on columns  on last column focus out 
I want to perform save action 

Is it possible ?

If yes, 
Please provide me example with angular js and mvc

1 Reply

MS Madhu Sudhanan P Syncfusion Team August 21, 2015 11:07 AM UTC

Hi Bharat,

Thanks for using Syncfusion products.

Query: “I am doing tabbing on columns  on last column focus out, I want to perform save action”

We can achieve your requirement using the below code snippet. In the below we bound a blur event on the grid element. Delegated event is used since the form elements will be added only on edit operation. The blur event is bound in the grid`s create event and on the focus out of the last form element, we have initiated the grid`s save operation using endEdit method in the event handler.

<div id="grid" ej-grid e-datasource="data" . . . .  e-create="onCreate">

        . . . .

angular.module("SampleApp", ["ejangular"])

            .controller("SampleController", function ($scope) {

                . . . .

                $scope.onCreate = function () {

                    //Register a blur event

                    this.element.on("blur", "input:last, .e-ddl:last", ej.proxy(function () {

                        //Initiate save operation in grid


                    }, this));


For your convenience we have created a simple sample with the above code snippet and the same can be find from the below link.


Please refer the below help links for endEdit method of grid.


Please let us know if you have any queries.

Madhu Sudhanan. P

Live Chat Icon For mobile
Up arrow icon