AngularUI: Editable Cell Blur Event Triggered Using ng-grid

Here is to provide two methods to trigger blur event for editable cell using ng-grid

Methods 1: Default Callback Function in ng-grid

In ng-grid, there is a default callback function which name ngGridEventEndCellEdit in line 2907 of version 2.0.7 source file. The screenshot as below:

AngularUI: editable cell blur trigger event using ng-grid

Methods 2: Customize the focus & blur Event Directive with ui-utils

angular-ui/ui-utils in github

As information, there is another example of implementation related to the blur event directive here.

Methods 3: customize the cellEditableTemplate with adding a “simple” directive

Leave a Reply

Your email address will not be published. Required fields are marked *