Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,26 @@
# ej2-react-grid-samples
This repository contains categorized samples for the Syncfusion EJ2 React Grid, demonstrating real-world use cases including connecting to databases, integrating with various backends, and common reusable configurations

## Steps to download GitHub samples using DownGit

1. **Open the DownGit Website**

Go to the official DownGit tool: https://minhaskamal.github.io/DownGit

2. **Copy the GitHub URL**

- Navigate to the sample folder you want to download and copy its URL.
- Example : https://github.com/SyncfusionExamples/ej2-react-grid-samples/tree/master/connecting-to-backends/syncfusion-reactgrid-with-django-server

3. **Paste the URL into DownGit**

In the DownGit input box, paste the copied GitHub URL.

4. **Download the ZIP**

- Click **Download**.
- DownGit will generate a ZIP file of the selected folder, which you can save and extract locally.
5. **Reference**

For more details or to explore the project, visit the official [DownGit GitHub repository](https://github.com/MinhasKamal/DownGit).

24 changes: 24 additions & 0 deletions connecting-to-adaptors/CustomAdaptor/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@

# Steps to download GitHub samples using DownGit

1. **Open the DownGit Website**

Go to the official DownGit tool: https://minhaskamal.github.io/DownGit

2. **Copy the GitHub URL**

- Navigate to the sample folder you want to download and copy its URL.
- Example : https://github.com/SyncfusionExamples/ej2-react-grid-samples/tree/master/connecting-to-adaptors/CustomAdaptor

3. **Paste the URL into DownGit**

In the DownGit input box, paste the copied GitHub URL.

4. **Download the ZIP**

- Click **Download**.
- DownGit will generate a ZIP file of the selected folder, which you can save and extract locally.
5. **Reference**

For more details or to explore the project, visit the official [DownGit GitHub repository](https://github.com/MinhasKamal/DownGit).

24 changes: 24 additions & 0 deletions connecting-to-adaptors/OdataV4Adaptor/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,3 +39,27 @@ The Grid will load data from:
https://localhost:<port>/odata/Orders
```


## 4. Steps to download GitHub samples using DownGit

1. **Open the DownGit Website**

Go to the official DownGit tool: https://minhaskamal.github.io/DownGit

2. **Copy the GitHub URL**

- Navigate to the sample folder you want to download and copy its URL.
- Example : https://github.com/SyncfusionExamples/ej2-react-grid-samples/tree/master/connecting-to-adaptors/OdataV4Adaptor

3. **Paste the URL into DownGit**

In the DownGit input box, paste the copied GitHub URL.

4. **Download the ZIP**

- Click **Download**.
- DownGit will generate a ZIP file of the selected folder, which you can save and extract locally.
5. **Reference**

For more details or to explore the project, visit the official [DownGit GitHub repository](https://github.com/MinhasKamal/DownGit).

24 changes: 24 additions & 0 deletions connecting-to-adaptors/RemoteSaveAdaptor/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@

# Steps to download GitHub samples using DownGit

1. **Open the DownGit Website**

Go to the official DownGit tool: https://minhaskamal.github.io/DownGit

2. **Copy the GitHub URL**

- Navigate to the sample folder you want to download and copy its URL.
- Example : https://github.com/SyncfusionExamples/ej2-react-grid-samples/tree/master/connecting-to-adaptors/RemoteSaveAdaptor

3. **Paste the URL into DownGit**

In the DownGit input box, paste the copied GitHub URL.

4. **Download the ZIP**

- Click **Download**.
- DownGit will generate a ZIP file of the selected folder, which you can save and extract locally.
5. **Reference**

For more details or to explore the project, visit the official [DownGit GitHub repository](https://github.com/MinhasKamal/DownGit).

24 changes: 24 additions & 0 deletions connecting-to-adaptors/UrlAdaptor/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@

# Steps to download GitHub samples using DownGit

1. **Open the DownGit Website**

Go to the official DownGit tool: https://minhaskamal.github.io/DownGit

2. **Copy the GitHub URL**

- Navigate to the sample folder you want to download and copy its URL.
- Example : https://github.com/SyncfusionExamples/ej2-react-grid-samples/tree/master/connecting-to-adaptors/UrlAdaptor

3. **Paste the URL into DownGit**

In the DownGit input box, paste the copied GitHub URL.

4. **Download the ZIP**

- Click **Download**.
- DownGit will generate a ZIP file of the selected folder, which you can save and extract locally.
5. **Reference**

For more details or to explore the project, visit the official [DownGit GitHub repository](https://github.com/MinhasKamal/DownGit).

24 changes: 24 additions & 0 deletions connecting-to-adaptors/WebApiAdaptor/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@

# Steps to download GitHub samples using DownGit

1. **Open the DownGit Website**

Go to the official DownGit tool: https://minhaskamal.github.io/DownGit

2. **Copy the GitHub URL**

- Navigate to the sample folder you want to download and copy its URL.
- Example :https://github.com/SyncfusionExamples/ej2-react-grid-samples/tree/master/connecting-to-adaptors/WebApiAdaptor

3. **Paste the URL into DownGit**

In the DownGit input box, paste the copied GitHub URL.

4. **Download the ZIP**

- Click **Download**.
- DownGit will generate a ZIP file of the selected folder, which you can save and extract locally.
5. **Reference**

For more details or to explore the project, visit the official [DownGit GitHub repository](https://github.com/MinhasKamal/DownGit).

23 changes: 23 additions & 0 deletions connecting-to-adaptors/WebMethodAdaptor/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@

# Steps to download GitHub samples using DownGit

1. **Open the DownGit Website**

Go to the official DownGit tool: https://minhaskamal.github.io/DownGit

2. **Copy the GitHub URL**

- Navigate to the sample folder you want to download and copy its URL.
- Example :https://github.com/SyncfusionExamples/ej2-react-grid-samples/tree/master/connecting-to-adaptors/WebMethodAdaptor

3. **Paste the URL into DownGit**

In the DownGit input box, paste the copied GitHub URL.

4. **Download the ZIP**

- Click **Download**.
- DownGit will generate a ZIP file of the selected folder, which you can save and extract locally.
5. **Reference**

For more details or to explore the project, visit the official [DownGit GitHub repository](https://github.com/MinhasKamal/DownGit).
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>client</title>
<script
src="https://cdn.syncfusion.com/ej2/syncfusion-helper.js"
type="text/javascript"
></script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
{
"name": "client",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"start": "vite",
"dev": "vite",
"build": "tsc -b && vite build",
"lint": "eslint .",
"preview": "vite preview"
},
"dependencies": {
"@syncfusion/ej2-base": "^32.1.23",
"@syncfusion/ej2-data": "^32.1.23",
"@syncfusion/ej2-react-buttons": "^32.1.23",
"@syncfusion/ej2-react-calendars": "^32.1.23",
"@syncfusion/ej2-react-dropdowns": "^32.1.23",
"@syncfusion/ej2-react-grids": "^32.1.23",
"@syncfusion/ej2-react-inputs": "^32.1.22",
"react": "^19.2.0",
"react-dom": "^19.2.0"
},
"devDependencies": {
"@eslint/js": "^9.39.1",
"@types/node": "^24.10.1",
"@types/react": "^19.2.8",
"@types/react-dom": "^19.2.3",
"@vitejs/plugin-react": "^5.1.1",
"eslint": "^9.39.1",
"eslint-plugin-react-hooks": "^7.0.1",
"eslint-plugin-react-refresh": "^0.4.24",
"globals": "^16.5.0",
"typescript": "~5.9.3",
"typescript-eslint": "^8.46.4",
"vite": "^7.2.4"
}
}
Loading