Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit c270597

Browse files
documentation(951750):Updated sample
1 parent deba53a commit c270597

File tree

20 files changed

+286
-10
lines changed

20 files changed

+286
-10
lines changed
Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
# Angular Grid SQL Server Connectivity using Dapper and CustomAdaptor
2+
3+
A project that enables data binding and CRUD action handling in the Syncfusion Angular Grid to a SQL Server using Dapper (mapping tool) and CustomAdaptor feature of the Grid.
4+
5+
## Steps to Run the Sample
6+
7+
1. Download or unzip the project and open the project in **Visual Studio 2022**.
8+
9+
2. Add the `NORTHWIND.MDF` database located in the `App_Data` folder of the backend project to the application.
10+
11+
3. Replace the connected database's connection string in the `GridController.cs` file.
12+
13+
4. In the Angular client project, open `app.component.ts` and replace the port number in the API URL where it says `xxxx` with the actual backend server port.
14+
15+
5. Navigate to the client project folder and run the following command:
16+
17+
```bash
18+
npm install
19+
```
20+
6. Build the project to restore dependencies and compile it.
21+
22+
7. Run the project.
Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
## Angular Grid SQL Server Connectivity using Dapper and URLAdaptor
2+
3+
A project that enables data binding and CRUD action handling in the Syncfusion Angular Grid to a SQL Server using Dapper (mapping tool) and URLAdaptor feature of the Grid.
4+
5+
## Steps to Run the Sample
6+
7+
1. Download or unzip the project and open the project in **Visual Studio 2022**.
8+
9+
2. Add the `NORTHWIND.MDF` database located in the `App_Data` folder of the backend project to the application.
10+
11+
3. Replace the connected database's connection string in the `GridController.cs` file.
12+
13+
4. In the Angular client project, open `app.component.ts` and replace the port number in the API URL where it says `xxxx` with the actual backend server port.
14+
15+
5. Navigate to the client project folder and run the following command:
16+
17+
```bash
18+
npm install
19+
```
20+
6. Build the project to restore dependencies and compile it.
21+
22+
7. Run the project.

‎Binding MS SQL database using CustomAdaptor/Grid_MSSQL/Grid_MSSQL.Server/Controllers/GridController.cs

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,11 @@ public class GridController : ControllerBase
1111
{
1212

1313
string ConnectionString = @"<Enter a valid connection string>";
14-
14+
/// <summary>
15+
/// Processes the DataManager request to perform searching, filtering, sorting, and paging operations.
16+
/// </summary>
17+
/// <param name="DataManagerRequest">Contains the details of the data operation requested.</param>
18+
/// <returns>Returns a JSON object with the filtered, sorted, and paginated data along with the total record count.</returns>
1519
[HttpPost]
1620
[Route("api/[controller]")]
1721
public object Post([FromBody] DataManagerRequest DataManagerRequest)
Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
## Angular Grid Microsoft SQL Server connectivity using CustomAdaptor
2+
3+
A project that enables data binding and CRUD action handling in the Syncfusion Angular Grid to a Microsoft SQL Server using CustomAdaptor feature of the Grid.
4+
5+
## Steps to Run the Sample
6+
7+
1. Download or unzip the project and open the project in **Visual Studio 2022**.
8+
9+
2. Add the `NORTHWIND.MDF` database located in the `App_Data` folder of the backend project to the application.
10+
11+
3. Replace the connected database's connection string in the `GridController.cs` file.
12+
13+
4. In the Angular client project, open `app.component.ts` and replace the port number in the API URL where it says `xxxx` with the actual backend server port.
14+
15+
5. Navigate to the client project folder and run the following command:
16+
17+
```bash
18+
npm install
19+
```
20+
6. Build the project to restore dependencies and compile it.
21+
22+
7. Run the project.
Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
## Angular Grid Microsoft SQL Server connectivity using URLAdaptor
2+
3+
A project that enables data binding and CRUD action handling in the Syncfusion Angular Grid to a Microsoft SQL Server using URLAdaptor feature of the Grid.
4+
5+
## Steps to Run the Sample
6+
7+
1. Download or unzip the project and open the project in **Visual Studio 2022**.
8+
9+
2. Add the `NORTHWIND.MDF` database located in the `App_Data` folder of the backend project to the application.
10+
11+
3. Replace the connected database's connection string in the `GridController.cs` file.
12+
13+
4. In the Angular client project, open `app.component.ts` and replace the port number in the API URL where it says `xxxx` with the actual backend server port.
14+
15+
5. Navigate to the client project folder and run the following command:
16+
17+
```bash
18+
npm install
19+
```
20+
6. Build the project to restore dependencies and compile it.
21+
22+
7. Run the project.
Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
## Angular Grid MYSQL connectivity using CustomAdaptor
2+
3+
A project that enables data binding and CRUD action handling in the Syncfusion Angular Grid to a MYSQL Server using CustomAdaptor feature of the Grid.
4+
5+
## Steps to Run the Sample
6+
7+
1. Download or unzip the project and open the project in **Visual Studio 2022**.
8+
9+
2. Replace the connected database's connection string in the `GridController.cs` file.
10+
11+
3. In the Angular client project, open `app.component.ts` and replace the port number in the API URL where it says `xxxx` with the actual backend server port.
12+
13+
4. Navigate to the client project folder and run the following command:
14+
15+
```bash
16+
npm install
17+
```
18+
5. Build the project to restore dependencies and compile it.
19+
20+
6. Run the project.
Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
## Angular Grid MYSQL connectivity using URLAdaptor
2+
3+
A project that enables data binding and CRUD action handling in the Syncfusion Angular Grid to a MYSQL Server using URLAdaptor feature of the Grid.
4+
5+
## Steps to Run the Sample
6+
7+
1. Download or unzip the project and open the project in **Visual Studio 2022**.
8+
9+
2. Replace the connected database's connection string in the `GridController.cs` file.
10+
11+
3. In the Angular client project, open `app.component.ts` and replace the port number in the API URL where it says `xxxx` with the actual backend server port.
12+
13+
4. Navigate to the client project folder and run the following command:
14+
15+
```bash
16+
npm install
17+
```
18+
5. Build the project to restore dependencies and compile it.
19+
20+
6. Run the project.

‎Binding PostgreSQL database using CustomAdaptor/Grid_PostgreSQL_Custom/Grid_PostgreSQL_Custom.Server/Controllers/GridController.cs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ public class GridController : ControllerBase
1616
/// Processes the DataManager request to perform searching, filtering, sorting, and paging operations.
1717
/// </summary>
1818
/// <param name="DataManagerRequest">Contains the details of the data operation requested.</param>
19-
/// <returns>Returns a JSON object along with the total record count.</returns>
19+
/// <returns>Returns a JSON object with the filtered, sorted, and paginated data along with the total record count.</returns>
2020
[HttpPost]
2121
[Route("api/[controller]")]
2222
public object Post([FromBody] DataManagerRequest DataManagerRequest)
Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
## Angular Grid PostgreSQL Server connectivity using CustomAdaptor
2+
3+
A project that enables data binding and CRUD action handling in the Syncfusion Angular Grid to a PostgreSQL Server using CustomAdaptor feature of the Grid.
4+
5+
## Steps to Run the Sample
6+
7+
1. Download or unzip the project and open the project in **Visual Studio 2022**.
8+
9+
2. Replace the connected database's connection string in the `GridController.cs` file.
10+
11+
3. In the Angular client project, open `app.component.ts` and replace the port number in the API URL where it says `xxxx` with the actual backend server port.
12+
13+
4. Navigate to the client project folder and run the following command:
14+
15+
```bash
16+
npm install
17+
```
18+
5. Build the project to restore dependencies and compile it.
19+
20+
6. Run the project.

‎Binding PostgreSQL database using UrlAdaptor/Grid_PostgreSQL/Grid_PostgreSQL.Server/Controllers/GridController.cs

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,8 @@ public class GridController : ControllerBase
1818
/// Processes the DataManager request to perform searching, filtering, sorting, and paging operations.
1919
/// </summary>
2020
/// <param name="DataManagerRequest">Contains the details of the data operation requested.</param>
21-
/// <returns>Returns a JSON object along with the total record count.</returns>
22-
[HttpPost]
21+
/// <returns>Returns a JSON object with the filtered, sorted, and paginated data along with the total record count.</returns>
22+
[HttpPost]
2323
[Route("api/[controller]")]
2424
public object Post([FromBody] DataManagerRequest DataManagerRequest)
2525
{

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /