Skip to content

951563: Github links added #4168

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
May 14, 2025
Merged
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
Original file line number Diff line number Diff line change
@@ -300,7 +300,7 @@ Run the project in Visual Studio, and the Syncfusion ASP.NET MVC Grid will succe

> Replace https://localhost:xxxx/odata/Orders with the actual **URL** of your API endpoint that provides the data in a consumable format (e.g., JSON).

## Handling Searching Operation
## Handling searching operation

To enable search operations in your web application using OData, you first need to configure the OData support in your service collection. This involves adding the `Filter` method within the OData setup, allowing you to filter data based on specified criteria. Once enabled, clients can utilize the **$filter** query option in their requests to search for specific data entries.

@@ -333,7 +333,7 @@ config.Count().Filter(); // Handles searching operation.

![Searching query](../images/adaptors/odatav4-adaptor-searching.png)

## Handling Filtering Operation
## Handling filtering operation

To enable filter operations in your web application using OData, you first need to configure the OData support in your service collection. This involves adding the `Filter` method within the OData setup, allowing you to filter data based on specified criteria. Once enabled, clients can utilize the **$filter** query option in your requests to filter for specific data entries.

@@ -369,7 +369,7 @@ config.Count().Filter(); // Handles filtering operation.
**Multi column filtering**
![Filtering query](../images/adaptors/odatav4-adaptor-multi-column-filtering.png)

## Handling Sorting Operation
## Handling sorting operation

To enable sorting operations in your web application using OData, you first need to configure the OData support in your service collection. This involves adding the `OrderBy` method within the OData setup, allowing you to sort data based on specified criteria. Once enabled, clients can utilize the **$orderby** query option in their requests to sort data entries according to desired attributes.

@@ -406,7 +406,7 @@ config.Count().OrderBy(); // Handles sorting operation.
**Multi column sorting**
![Multi column sorting query](../images/adaptors/odatav4-adaptor-multi-column-sorting.png)

## Handling Paging Operation
## Handling paging operation

To implement paging operations in your web application using OData, you can utilize the `SetMaxTop` method within your OData setup to limit the maximum number of records that can be returned per request. While you configure the maximum limit, clients can utilize the **$skip** and **$top** query options in their requests to specify the number of records to skip and the number of records to take, respectively.

@@ -440,7 +440,7 @@ config.Count().MaxTop(recordCount); // Handles paging operation.

![paging query](../images/adaptors/odatav4-adaptor-paging.png)

## Handling CRUD Operations
## Handling CRUD operations

To manage CRUD (Create, Read, Update, Delete) operations using the ODataV4Adaptor, follow the provided guide for configuring the Syncfusion Grid for [editing](https://ej2.syncfusion.com/aspnetmvc/documentation/grid/editing/edit) and utilize the sample implementation of the `OrdersController` in your server application. This controller handles HTTP requests for CRUD operations such as GET, POST, PATCH, and DELETE.

@@ -540,6 +540,8 @@ public IHttpActionResult Delete(int key)

![Delete Record](../images/adaptors/odatav4-adaptor-delete-record.png)

> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-asp-net-mvc-data-grid/tree/master/ODataV4Adaptor).

## Odata with custom url

The Syncfusion ODataV4 adaptor extends support for calling customized URLs to accommodate data retrieval and CRUD actions as per your application's requirements. However, when utilizing a custom URL with the ODataV4 adaptor, it's essential to modify the routing configurations in your application's route configuration file to align with your custom URL. You can invoke the custom URL by the following methods in the `DataManager`.
Original file line number Diff line number Diff line change
@@ -605,4 +605,6 @@ public void Delete(int key)
}
```

![WebApiAdaptor CRUD operations](../images/adaptors/adaptor-crud-operation.gif)
![WebApiAdaptor CRUD operations](../images/adaptors/adaptor-crud-operation.gif)

> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-asp-net-mvc-data-grid/tree/master/WebApiAdaptor).
Original file line number Diff line number Diff line change
@@ -296,7 +296,7 @@ Run the project in Visual Studio, and the Syncfusion ASP.NET MVC Grid will succe
}
```

## Handling Searching Operation
## Handling searching operation

To enable search functionality, ensure that your API endpoint supports custom searching criteria. Implement the searching logic on the server-side using the `PerformSearching` method from the `QueryableOperation` class. This allows the custom data source to undergo searching based on the criteria specified in the incoming `DataManagerRequest` object.

@@ -346,7 +346,7 @@ public class DataManager
{% endhighlight %}
{% endtabs %}

## Handling Filtering Operation
## Handling filtering operation

To handle filtering operation, configure your API endpoint to support filter criteria. Implement the filtering logic on the server-side using the `PerformFiltering` method from the `QueryableOperation` class. This allows the custom data source to undergo filtering based on the criteria specified in the incoming `DataManagerRequest` object.

@@ -407,7 +407,7 @@ public class DataManager
{% endhighlight %}
{% endtabs %}

## Handling Sorting Operation
## Handling sorting operation

To handle sorting operation, configure your API to support custom sorting criteria. Implement the sorting logic on the server-side using the `PerformSorting` method from the `QueryableOperation` class. This allows the custom data source to undergo sorting based on the criteria specified in the incoming `DataManagerRequest` object.

@@ -463,7 +463,7 @@ public class DataManager
{% endhighlight %}
{% endtabs %}

## Handling Paging Operation
## Handling paging operation

To handle paging operation, configure your API endpoint to support custom paging criteria. Implement the paging logic on the server-side using the `PerformTake` and `PerformSkip` method from the `QueryableOperation` class. This allows the custom data source to undergo paging based on the custom paging criteria specified in the incoming `DataManagerRequest` object.

@@ -738,3 +738,5 @@ public object BatchUpdate(CRUDModel<OrdersDetails> batchOperation)
}
```
![WebMethodAdaptor Batch Editing](../images/adaptors/url-adaptor-batch-editing.gif)

> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-asp-net-mvc-data-grid/tree/master/WebMethodAdaptor).
Original file line number Diff line number Diff line change
@@ -729,4 +729,6 @@ public IHttpActionResult Delete(int key)
return Ok(deleteRecord);
}
```
![CustomAdaptor-Delete-record](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-delete-record.png)
![CustomAdaptor-Delete-record](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-delete-record.png)

> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-asp-net-mvc-data-grid/tree/master/CustomAdaptor).
Original file line number Diff line number Diff line change
@@ -300,7 +300,7 @@ Run the project in Visual Studio, and the Syncfusion ASP.NET MVC Grid will succe

> Replace https://localhost:xxxx/odata/Orders with the actual **URL** of your API endpoint that provides the data in a consumable format (e.g., JSON).

## Handling Searching Operation
## Handling searching operation

To enable search operations in your web application using OData, you first need to configure the OData support in your service collection. This involves adding the `Filter` method within the OData setup, allowing you to filter data based on specified criteria. Once enabled, clients can utilize the **$filter** query option in their requests to search for specific data entries.

@@ -333,7 +333,7 @@ config.Count().Filter(); // Handles searching operation.

![Searching query](../images/adaptors/odatav4-adaptor-searching.png)

## Handling Filtering Operation
## Handling filtering operation

To enable filter operations in your web application using OData, you first need to configure the OData support in your service collection. This involves adding the `Filter` method within the OData setup, allowing you to filter data based on specified criteria. Once enabled, clients can utilize the **$filter** query option in your requests to filter for specific data entries.

@@ -369,7 +369,7 @@ config.Count().Filter(); // Handles filtering operation.
**Multi column filtering**
![Filtering query](../images/adaptors/odatav4-adaptor-multi-column-filtering.png)

## Handling Sorting Operation
## Handling sorting operation

To enable sorting operations in your web application using OData, you first need to configure the OData support in your service collection. This involves adding the `OrderBy` method within the OData setup, allowing you to sort data based on specified criteria. Once enabled, clients can utilize the **$orderby** query option in their requests to sort data entries according to desired attributes.

@@ -406,7 +406,7 @@ config.Count().OrderBy(); // Handles sorting operation.
**Multi column sorting**
![Multi column sorting query](../images/adaptors/odatav4-adaptor-multi-column-sorting.png)

## Handling Paging Operation
## Handling paging operation

To implement paging operations in your web application using OData, you can utilize the `SetMaxTop` method within your OData setup to limit the maximum number of records that can be returned per request. While you configure the maximum limit, clients can utilize the **$skip** and **$top** query options in their requests to specify the number of records to skip and the number of records to take, respectively.

@@ -440,7 +440,7 @@ config.Count().MaxTop(recordCount); // Handles paging operation.

![paging query](../images/adaptors/odatav4-adaptor-paging.png)

## Handling CRUD Operations
## Handling CRUD operations

To manage CRUD (Create, Read, Update, Delete) operations using the ODataV4Adaptor, follow the provided guide for configuring the Syncfusion Grid for [editing](https://ej2.syncfusion.com/aspnetmvc/documentation/grid/editing/edit) and utilize the sample implementation of the `OrdersController` in your server application. This controller handles HTTP requests for CRUD operations such as GET, POST, PATCH, and DELETE.

@@ -540,6 +540,8 @@ public IHttpActionResult Delete(int key)

![Delete Record](../images/adaptors/odatav4-adaptor-delete-record.png)

> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-asp-net-mvc-data-grid/tree/master/ODataV4Adaptor).

## Odata with custom url

The Syncfusion ODataV4 adaptor extends support for calling customized URLs to accommodate data retrieval and CRUD actions as per your application's requirements. However, when utilizing a custom URL with the ODataV4 adaptor, it's essential to modify the routing configurations in your application's route configuration file to align with your custom URL. You can invoke the custom URL by the following methods in the `DataManager`.
Original file line number Diff line number Diff line change
@@ -362,3 +362,5 @@ Now, add the Syncfusion ASP.NET MVC Grid in `~/Views/Home/Index.cshtml` page. T
**Step 7:** Run the Project

Run the project in Visual Studio, and the Syncfusion ASP.NET MVC Grid will successfully fetch data from the API service.

> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-asp-net-mvc-data-grid/tree/master/RemoteSaveAdaptor).
Original file line number Diff line number Diff line change
@@ -190,7 +190,7 @@ Run the project in Visual Studio, and the Syncfusion ASP.NET MVC Grid will succe
> * In an API service project, add `Syncfusion.EJ2.MVC5` by opening the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), search and install it.
> * To access `DataManagerRequest`, import [Syncfusion.EJ2.Base](https://www.npmjs.com/package/@syncfusion/ej2-base) in `GridController.cs` file.

## Handling Searching Operation
## Handling searching operation

To enable search functionality, ensure that your API endpoint supports custom searching criteria. Implement the searching logic on the server-side using the `PerformSearching`. This allows the custom data source to undergo searching based on the criteria specified in the incoming `DataManagerRequest` object.

@@ -233,7 +233,7 @@ To enable search functionality, ensure that your API endpoint supports custom se
{% endhighlight %}
{% endtabs %}

## Handling Filtering Operation
## Handling filtering operation

To handle filtering operation, configure your API endpoint to support filter criteria. Implement the filtering logic on the server-side using the `PerformFiltering`. This allows the custom data source to undergo filtering based on the criteria specified in the incoming `DataManagerRequest` object.

@@ -278,7 +278,7 @@ To handle filtering operation, configure your API endpoint to support filter cri
{% endhighlight %}
{% endtabs %}

## Handling Sorting Operation
## Handling sorting operation

To handle sorting operation, configure your API to support custom sorting criteria. Implement the sorting logic on the server-side using the `PerformSorting`. This allows the custom data source to undergo sorting based on the criteria specified in the incoming `DataManagerRequest` object.

@@ -321,7 +321,7 @@ public ActionResult UrlDatasource(DataManagerRequest DataManagerRequest)
{% endhighlight %}
{% endtabs %}

## Handling Paging Operation
## Handling paging operation

To handle paging operation, ensure that your API endpoint supports custom paging criteria. Implement the paging logic on the server-side using the `PerformTake` and `PerformSkip`. This allows the custom data source to undergo paging based on the criteria specified in the incoming `DataManagerRequest` object.

@@ -369,7 +369,7 @@ To handle paging operation, ensure that your API endpoint supports custom paging

## Handling CRUD Operations

The Syncfusion ASP.NET MVC Grid seamlessly integrates CRUD (Create, Read, Update, Delete) operations with server-side controller actions through specific properties: `InsertUrl`, `RemoveUrl`, `UpdateUrl`,`CrudUrl`, and `BatchUrl`. These properties enable the Grid to communicate with the data service for every Grid action, facilitating server-side operations.
The Syncfusion ASP.NET MVC Grid seamlessly integrates CRUD (Create, Read, Update, and Delete) operations with server-side controller actions through specific properties: `InsertUrl`, `RemoveUrl`, `UpdateUrl`,`CrudUrl`, and `BatchUrl`. These properties enable the Grid to communicate with the data service for every Grid action, facilitating server-side operations.

**CRUD Operations Mapping**

@@ -472,7 +472,7 @@ public ActionResult Update(Orders value)
}
```

**Delete Operation**
**Delete Operation:**

To delete existing records, use the `RemoveUrl` property to specify the controller action mapping URL for the delete operation.

@@ -612,3 +612,5 @@ To perform batch operation, define the edit `Mode` as **Batch** and specify the
{% endtabs %}

![UrlAdaptor Batch Editing](../images/adaptors/url-adaptors/url-adaptor-batch-editing.gif)

> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-asp-net-mvc-data-grid/tree/master/UrlAdaptor).
Original file line number Diff line number Diff line change
@@ -605,4 +605,6 @@ public void Delete(int key)
}
```

![WebApiAdaptor CRUD operations](../images/adaptors/adaptor-crud-operation.gif)
![WebApiAdaptor CRUD operations](../images/adaptors/adaptor-crud-operation.gif)

> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-asp-net-mvc-data-grid/tree/master/WebApiAdaptor).
Original file line number Diff line number Diff line change
@@ -296,7 +296,7 @@ Run the project in Visual Studio, and the Syncfusion ASP.NET MVC Grid will succe
}
```

## Handling Searching Operation
## Handling searching operation

To enable search functionality, ensure that your API endpoint supports custom searching criteria. Implement the searching logic on the server-side using the `PerformSearching` method from the `QueryableOperation` class. This allows the custom data source to undergo searching based on the criteria specified in the incoming `DataManagerRequest` object.

@@ -346,7 +346,7 @@ public class DataManager
{% endhighlight %}
{% endtabs %}

## Handling Filtering Operation
## Handling filtering operation

To handle filtering operation, configure your API endpoint to support filter criteria. Implement the filtering logic on the server-side using the `PerformFiltering` method from the `QueryableOperation` class. This allows the custom data source to undergo filtering based on the criteria specified in the incoming `DataManagerRequest` object.

@@ -407,7 +407,7 @@ public class DataManager
{% endhighlight %}
{% endtabs %}

## Handling Sorting Operation
## Handling sorting operation

To handle sorting operation, configure your API to support custom sorting criteria. Implement the sorting logic on the server-side using the `PerformSorting` method from the `QueryableOperation` class. This allows the custom data source to undergo sorting based on the criteria specified in the incoming `DataManagerRequest` object.

@@ -463,7 +463,7 @@ public class DataManager
{% endhighlight %}
{% endtabs %}

## Handling Paging Operation
## Handling paging operation

To handle paging operation, configure your API endpoint to support custom paging criteria. Implement the paging logic on the server-side using the `PerformTake` and `PerformSkip` method from the `QueryableOperation` class. This allows the custom data source to undergo paging based on the custom paging criteria specified in the incoming `DataManagerRequest` object.

@@ -738,3 +738,5 @@ public object BatchUpdate(CRUDModel<OrdersDetails> batchOperation)
}
```
![WebMethodAdaptor Batch Editing](../images/adaptors/url-adaptor-batch-editing.gif)

> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-asp-net-mvc-data-grid/tree/master/WebMethodAdaptor).
Original file line number Diff line number Diff line change
@@ -749,3 +749,5 @@ public IActionResult Delete(int key)
}
```
![ODataV4Adaptor-Delete-record](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-delete-record.png)

> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/Binding-data-from-remote-service-to-asp.net-core-data-grid/tree/master/CustomAdaptor_EJ2Core).
9 changes: 5 additions & 4 deletions ej2-asp-core-toc.html
Original file line number Diff line number Diff line change
@@ -1312,10 +1312,11 @@
</li>
<li>Connecting to Database
<ul>
<li><a href="/ej2-asp-core/grid/connecting-to-database/sqlite-server">SQLite Server</a></li>
<li><a href="/ej2-asp-core/grid/connecting-to-database/postgresql-server">PostgreSQL Server</a></li>
</ul>
<ul>
<li><a href="/ej2-asp-core/grid/connecting-to-database/microsoft-sql-server">Microsoft SQL Server</a></li>
<li><a href="/ej2-asp-core/grid/connecting-to-database/mysql-server">MySQL Server</a></li>
<li><a href="/ej2-asp-core/grid/connecting-to-database">PostgreSQL Server</a></li>
<li><a href="/ej2-asp-core/grid/connecting-to-database/sqlite">SQLite Server</a></li>
<li><a href="/ej2-asp-core/grid/connecting-to-database/dapper">Dapper</a></li>
<li><a href="/ej2-asp-core/grid/connecting-to-database/entity-framework">Entity Framework</a></li>
</ul>
</li>
Loading