https://github.com/syncfusionexamples/binding-data-from-remote-service-to-typescript-data-grid
Discover seamless remote data integration with Syncfusion EJ2 Typescript Grid in this sample repository. Explore efficient techniques for handling filtering, sorting, paging operations, and CRUD operations within your Typescript applications, empowering you to manage and display data effectively.
https://github.com/syncfusionexamples/binding-data-from-remote-service-to-typescript-data-grid
adaptors customadaptor datagrid ej2 graphql graphqladaptor grid odata odataadaptor odatav4 odatav4adaptor remotedata remotesaveadaptor syncfusion typescript urladaptor webapi webapiadaptor webmethodadaptor
Last synced: about 2 months ago
JSON representation
Discover seamless remote data integration with Syncfusion EJ2 Typescript Grid in this sample repository. Explore efficient techniques for handling filtering, sorting, paging operations, and CRUD operations within your Typescript applications, empowering you to manage and display data effectively.
- Host: GitHub
- URL: https://github.com/syncfusionexamples/binding-data-from-remote-service-to-typescript-data-grid
- Owner: SyncfusionExamples
- Created: 2024-06-11T04:29:18.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2025-11-05T11:57:41.000Z (8 months ago)
- Last Synced: 2025-11-05T13:23:57.433Z (8 months ago)
- Topics: adaptors, customadaptor, datagrid, ej2, graphql, graphqladaptor, grid, odata, odataadaptor, odatav4, odatav4adaptor, remotedata, remotesaveadaptor, syncfusion, typescript, urladaptor, webapi, webapiadaptor, webmethodadaptor
- Language: C#
- Size: 6.25 MB
- Stars: 0
- Watchers: 4
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Binding data from remote service to TypeScript data grid
## Overview
This repository demonstrates how to bind data from various remote services to a Syncfusion Essential JS 2 (EJ2) TypeScript Data Grid. It provides examples for integrating data using different adaptors and showcases techniques for handling filtering, sorting, paging, and CRUD operations within TypeScript applications. By exploring this repository, you will learn how to efficiently manage and display data in your applications.
## Features
**Remote Data Integration:** Seamlessly bind data from various remote services to the Syncfusion EJ2 TypeScript Grid.
**Data Operations:** Handle filtering, sorting, and paging operations with ease.
**CRUD Operations:** Implement Create, Read, Update, and Delete operations.
**Adaptors:** Examples of different adaptors to integrate remote data:
* UrlAdaptor
* WebApiAdaptor
* WebMethodAdaptor
* ODataV4Adaptor
* GraphQLAdaptor
* RemoteSaveAdaptor
## Prerequisites
Before you begin, ensure you have met the following requirements:
* Node.js and npm installed
* Basic knowledge of TypeScript and web development
## Getting Started
**1. Clone the Repository:**
Use `git clone` to fetch the repository from GitHub.
```bash
https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-typescript-data-grid.git
```
**2. Open and Build the Project:**
* Open the project in Visual Studio.
* Build the project to restore dependencies and compile it.
* Run the project
**3. Explore the Code:**
* Navigate to TypeScript files (typically in src or scripts).
* Debug and interact with the code as needed.
## Resources
You can also refer the below resources to know more details about Syncfusion Typescript Grid components.
* [Demo](https://ej2.syncfusion.com/demos/#/bootstrap/grid/over-view)
* [Documentation](https://ej2.syncfusion.com/documentation/grid/getting-started)
* [GraphQL with Syncfusion DataManager](https://ej2.syncfusion.com/documentation/grid/connecting-to-adaptors)