Bind Data to an Angular Grid Using Service URLs and Observables

Learn how to bind local JSON data and remote URL services to the Angular Data Grid. Also see how to bind the grid data through AJAX posts and the step-by-step procedures for binding the data through observables.
The easiest way of populating the Angular Data Grid is by passing a simple JSON object collection to the data source of the Angular Data Grid. You can also bind data retrieved from remote service URLs to the Angular Data Grid by using the DataManager, which will send a post action to the server and return the resultant data collection.
Apart from these data binding options, you can also send a manual AJAX post to the server-side actions and then bind the result of the AJAX request to the Data Grid data source dynamically. The next crucial factor in the data binding options of the Angular Data Grid is that it supports observable binding using async pipes.
You will also learn about the following topics in this video:
- How to pass additional parameters to the server side.
- How to perform all the Data Grid actions like filtering, grouping, and CRUD on the client side using the “offline” property.
- How to perform CRUD actions on the server side using RemoteSaveAdaptor.
- How to define our own custom adaptor of DataManager.

Quick Reference
----------------------
[00:41]: Binding local JSON data
[01:08]: How to bind data through remote service URLs
[03:10]: Passing additional parameters to the server side
[04:12]: Performing all Data Grid actions on the client side
[05:40]: How to define the custom adaptor
[06:49]: Bind Data Grid data through an AJAX post
[09:20]: Bind Data Grid data through observables and async pipes

ANGULAR DATA GRID
--------------------

SUBSCRIBE
--------------------

SOCIAL COMMUNITY
---------------------
---------------------

#angulargrid #angulardatagrid #angulardatatable

[myth]

Thank you... is there something similar for the Angular scheduler where we can react to the DataStateChangeEvent ?

[mohamedmagdy]

How to listen to changes of the pagination so i c an change my sent parameters to to get different page
The pagination is implement on seever side so i can send page number and Page size to get some data how to handle the change of pagination to send different pareters as the change of the paging sent different data

[SurajKumar-qxij]

How can we display error for specific cell using syncfusion grid, that is coming from service.

[arnabbasu]

Can't find the url "api/products" ... For me this error is coming. Can u pls resolve??

[gideongyan]

Pagination is not working with observable data binding. can you please help?

[webdesigner]

if I want to call a url from a service page using a webapiadaptor like any)" as subscribing data ...so is it possible

[theegalasuryamanoj]

please make a full fledge mini project to get a clear view