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.

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”.




Article ID: Published Date: Last Revised Date: Platform: Control:
3781 02/09/2015 02/13/2015 JavaScript ejGrid
Did you find this information helpful?
ahmed easa Dec 29, 2017

how is paging handled with that method

Add Comment
You must log in to leave a comment

Please sign in to access our KB

or the page will be automatically redirected to 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