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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Grid CRUD operation using Angular ngResource and WebApi service.

Platform: JavaScript |
Control: ejGrid |
Published Date: February 9, 2015 |
Last Revised Date: February 13, 2015

Using Angular ngResource you can bind data from WebApi service and perform the CRUD operation with server-side interaction.

Initially, the WebApi service link has to be provided to $resource and then you can extend it to add the update method as follows.


You need to initialize Grid with an empty record and a waiting pop-up is displayed in the Grid “Create” event to indicate the waiting period of $resource to retrieve data from WebApi. Then in $resource promise event, the data from the server-side can be bound to Grid using Angular Scope Variable and hide the waiting pop-up.

During the CRUD operation in Grid, the corresponding $resource action method has to be called to interact with server-side, to update records using Grid events “endAdd”, “endEdit” and “endDelete”.




You must log in to leave a comment
ahmed easa
Dec 29, 2017

how is paging handled with that method


Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon