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.

JS

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

HTML

JS

 

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

how is paging handled with that method

Reply

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