Persisting Data in Server in Angular Grid Component

7 Mar 20262 minutes to read

The Syncfusion^® Angular Grid component allows data edited within the grid to be persisted in a database using RESTful web services. All CRUD (Create, Read, Update, Delete) operations within the grid are handled by the DataManager, which can bind server-side data and send updates to the server. This capability is Essential^® for maintaining data integrity and ensuring that changes made in the UI are reflected in the backend.

The ODataAdaptor persists data in the server using the OData protocol.

Syncfusion^® provides multiple adaptors to handle different server protocols and APIs, enabling smooth integration with RESTful services. Below are the various adaptors available to persist data in the Syncfusion^® Angular Grid component.

URL Adaptor

The UrlAdaptor is the base adaptor that facilitates communication between remote data services and the UI component. It allows seamless data binding and interaction with custom API services or any remote service through URLs. The UrlAdaptor is particularly useful when a custom API service has unique logic for handling data and CRUD operations.

For further details on configuration, refer to the URL adaptor Documentation

OData v4 Adaptor

The ODataV4Adaptor in the Syncfusion^® Angular Grid Component facilitates seamless integration with OData V4 services, allowing for efficient data fetching and manipulation. CRUD operations can be performed using the ODataV4Adaptor in the Syncfusion^® Angular Grid component.

See setup instructions and feature reference in the OData v4 Adaptor Documentation.

Web API Adaptor

The WebApiAdaptor extends the capabilities of the ODataAdaptor and is designed to interact with Web APIs created with OData endpoints. This adaptor ensures seamless communication between the Syncfusion^® Angular Grid and OData-based Web APIs, enabling efficient data retrieval and manipulation.

Learn more in the Web API Adaptor documentation.

Remote Save Adaptor

The RemoteSaveAdaptor in the Syncfusion^® Angular Grid component allows grid actions such as sorting, filtering, searching, and paging to be performed primarily on the client side, while handling CRUD operations (updating, inserting, and removing data) on the server side for data persistence. This approach optimizes performance by minimizing unnecessary server interactions.

Detailed instructions are available in the Remote Save Adaptor Documentation.

WebMethodAdaptor

The WebMethodAdaptor facilitates data binding from remote services using web methods. This adaptor sends query parameters encapsulated within an object named value, allowing efficient communication between the client-side application and the server.

For configuration, refer to Web Method Adaptor documentation.

GraphQL Adaptor

GraphQL is a powerful query language for APIs designed to provide a more efficient alternative to traditional REST APIs. It allows precise data fetching, reducing over-fetching and under-fetching of data. GraphQL offers a flexible and expressive syntax for querying, enabling clients to request only the specific data they require.

The GraphQLAdaptor simplifies the interaction between the Syncfusion^® Angular Grid and GraphQL servers, allowing for efficient data retrieval with support for various operations such as CRUD (Create, Read, Update, Delete).

Refer to the GraphQL Adaptor documentation for setup details, advanced features, and examples.