diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/odatav4-adaptor.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/odatav4-adaptor.md index 5561c7136d..ce4387c859 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/odatav4-adaptor.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/odatav4-adaptor.md @@ -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`. diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/web-api-adaptor.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/web-api-adaptor.md index 2bf3a02ebe..3b32f4e199 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/web-api-adaptor.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/web-api-adaptor.md @@ -605,4 +605,6 @@ public void Delete(int key) } ``` -![WebApiAdaptor CRUD operations](../images/adaptors/adaptor-crud-operation.gif) \ No newline at end of file +![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). \ No newline at end of file diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/web-method-adaptor.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/web-method-adaptor.md index 8a993b5acb..243e43e130 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/web-method-adaptor.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/web-method-adaptor.md @@ -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 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). \ No newline at end of file diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/custom-adaptor.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/custom-adaptor.md index 654bdcf95f..8801524c04 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/custom-adaptor.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/custom-adaptor.md @@ -729,4 +729,6 @@ public IHttpActionResult Delete(int key) return Ok(deleteRecord); } ``` -![CustomAdaptor-Delete-record](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-delete-record.png) \ No newline at end of file +![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). \ No newline at end of file diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/odatav4-adaptor.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/odatav4-adaptor.md index 5561c7136d..ce4387c859 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/odatav4-adaptor.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/odatav4-adaptor.md @@ -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`. diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/remote-save-adaptor.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/remote-save-adaptor.md index 4a85c3f535..38f4150754 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/remote-save-adaptor.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/remote-save-adaptor.md @@ -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). \ No newline at end of file diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/url-adaptor.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/url-adaptor.md index 30a801c33f..691b5ff081 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/url-adaptor.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/url-adaptor.md @@ -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). \ No newline at end of file diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/web-api-adaptor.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/web-api-adaptor.md index 2bf3a02ebe..3b32f4e199 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/web-api-adaptor.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/web-api-adaptor.md @@ -605,4 +605,6 @@ public void Delete(int key) } ``` -![WebApiAdaptor CRUD operations](../images/adaptors/adaptor-crud-operation.gif) \ No newline at end of file +![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). \ No newline at end of file diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/web-method-adaptor.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/web-method-adaptor.md index 8a993b5acb..243e43e130 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/web-method-adaptor.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/web-method-adaptor.md @@ -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 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). \ No newline at end of file diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/connecting-to-adaptors/custom-adaptor.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/connecting-to-adaptors/custom-adaptor.md index da03995672..1708e80a0b 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/connecting-to-adaptors/custom-adaptor.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/connecting-to-adaptors/custom-adaptor.md @@ -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). \ No newline at end of file diff --git a/ej2-asp-core-toc.html b/ej2-asp-core-toc.html index e56fc4ece0..db983199ff 100644 --- a/ej2-asp-core-toc.html +++ b/ej2-asp-core-toc.html @@ -1312,10 +1312,11 @@
  • Connecting to Database -
    • diff --git a/ej2-asp-mvc-toc.html b/ej2-asp-mvc-toc.html index 51428e41f5..df003b460a 100644 --- a/ej2-asp-mvc-toc.html +++ b/ej2-asp-mvc-toc.html @@ -1261,13 +1261,13 @@
  • Connecting to Database +
  • Microsoft SQL Server
    • +
  • MySQL Server
    • +
  • PostgreSQL Server
    • +
  • SQLite Server
    • +
  • Dapper
    • +
  • Entity Framework
    • +
  • Data Annotation
  • Adaptive View