993738: Updated the UG content and samples for Connecting to DataBase Section in Blazor DataGrid

Author: SadhanaBaskaran

blazor/datagrid/connecting-to-database/dapper.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Connecting SQL data to a Blazor DataGrid Component using Dapper
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid component supports binding data from Microsoft SQL Server using [Dapper](https://github.com/DapperLib/Dapper) and [System.Data.SqlClient](https://www.nuget.org/packages/System.Data.SqlClient/4.8.6?_src=template). **Dapper** is a lightweight object-relational mapper (ORM) that simplifies executing SQL queries and mapping results to C# domain models.
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid component supports binding data from Microsoft SQL Server using [Dapper](https://github.com/DapperLib/Dapper) and [System.Data.SqlClient](https://www.nuget.org/packages/System.Data.SqlClient/4.8.6?_src=template).**Dapper** is a lightweight object-relational mapper (ORM) that simplifies executing SQL queries and mapping results to C# domain models.
 
 Data from SQL Server can be integrated into the Blazor DataGrid using multiple approaches:
 
@@ -19,11 +19,11 @@ Data from SQL Server can be integrated into the Blazor DataGrid using multiple a
 
 This guide demonstrates two approaches for integrating SQL Server data with the Blazor DataGrid using **Dapper**:
 
-* **Remote binding via API service using UrlAdaptor**
+**Using UrlAdaptor**
 
 This approach connects the DataGrid to a REST API endpoint that returns data in the required format. The [UrlAdaptor](https://blazor.syncfusion.com/documentation/datagrid/connecting-to-adaptors/url-adaptor) handles communication between the component and the API, enabling server-side operations such as **paging**, **sorting**, and **filtering**.
 
-* **Custom binding using CustomAdaptor**
+**Using CustomAdaptor**
 
 This approach provides complete control over data operations by implementing a [CustomAdaptor](https://blazor.syncfusion.com/documentation/datagrid/connecting-to-adaptors/custom-adaptor) class. It allows overriding methods for reading, updating, inserting, and deleting data, making it suitable for scenarios requiring custom business logic or complex queries.
 
@@ -207,7 +207,7 @@ Access the theme stylesheet and script from NuGet using [Static Web Assets](http
 
 5. **Configure DataGrid with UrlAdaptor**
 
-The [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) component supports multiple adaptors for remote data binding. For API services, set the [Adaptor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Adaptors.html) property to [Adaptors.UrlAdaptor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Adaptors.html#Syncfusion_Blazor_Adaptors_UrlAdaptor) and specify the service endpoint in the [Url](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_Url) property.
+The [DataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) component supports multiple adaptors for remote data binding. For API services, set the [Adaptor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Adaptors.html) property to [Adaptors.UrlAdaptor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Adaptors.html#Syncfusion_Blazor_Adaptors_UrlAdaptor) and specify the service endpoint in the [Url](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_Url) property.
 
 {% tabs %}
 {% highlight razor tabtitle="Index.razor"%}

blazor/datagrid/connecting-to-database/microsoft-sql-server.md

@@ -17,11 +17,11 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid component s
 
 This guide explains two primary approaches for integrating Microsoft SQL Server data with the Blazor DataGrid:
 
-* **Remote Data Binding using UrlAdaptor**: Enables communication between the DataGrid and a remote API service connected to SQL Server. This approach is suitable when the API implements custom logic for data operations and returns results in the **result** and **count** format.
+**Using UrlAdaptor**: Enables communication between the DataGrid and a remote API service connected to SQL Server. This approach is suitable when the API implements custom logic for data operations and returns results in the **result** and **count** format.
 
 {% youtube "youtube:https://www.youtube.com/watch?v=Y3grzt0ZdLk" %}
 
-* **Custom Data Binding using CustomAdaptor**: Provides full control over data operations and CRUD functionality. It allows implementing custom logic for **searching**, **filtering**, **sorting**, **paging**, and **grouping** directly in server-side code.
+**Using CustomAdaptor**: Provides full control over data operations and CRUD functionality. It allows implementing custom logic for **searching**, **filtering**, **sorting**, **paging**, and **grouping** directly in server-side code.
 
 {% youtube "youtube:https://www.youtube.com/watch?v=8yLpSCJLcXI" %}
 
@@ -33,12 +33,12 @@ Microsoft SQL Server is a relational database management system (**RDBMS**) deve
 
 **Key Features**
 
-**Relational Database Model**: Organizes data into tables with rows and columns.
-**T-SQL Support**: Provides **Transact-SQL** for advanced querying and procedural programming.
-**High Availability**: Features like Always On Availability Groups for failover and disaster recovery.
-**Security**: Includes **encryption**, **authentication**, and **role-based access** control.
-**Integration**: Works with .NET applications, Azure services, and supports REST APIs.
-**Scalability**: Handles large datasets and supports both on-premises and cloud deployments.
+- **Relational Database Model**: Organizes data into tables with rows and columns.
+- **T-SQL Support**: Provides **Transact-SQL** for advanced querying and procedural programming.
+- **High Availability**: Features like Always On Availability Groups for failover and disaster recovery.
+- **Security**: Includes **encryption**, **authentication**, and **role-based access** control.
+- **Integration**: Works with .NET applications, Azure services, and supports REST APIs.
+- **Scalability**: Handles large datasets and supports both on-premises and cloud deployments.
 
 For more details, refer to the official [Microsoft documentation](https://learn.microsoft.com/en-us/sql/sql-server/what-is-sql-server?view=sql-server-ver17).
 
@@ -216,7 +216,7 @@ N>
 
 **Step 5: Configure DataGrid with UrlAdaptor**
 
-Use [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) to connect the DataGrid to the API endpoint and set the [Adaptor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Adaptors.html) property to [Adaptors.UrlAdaptor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Adaptors.html#Syncfusion_Blazor_Adaptors_UrlAdaptor).
+Use [DataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) to connect the DataGrid to the API endpoint and set the [Adaptor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Adaptors.html) property to [Adaptors.UrlAdaptor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Adaptors.html#Syncfusion_Blazor_Adaptors_UrlAdaptor).
 
 {% tabs %}
 {% highlight razor tabtitle="Index.razor" %}
@@ -492,20 +492,18 @@ public object Post([FromBody] DataManagerRequest DataManagerRequest)
 
 **Key Points**
 
-* `request.Skip` specifies the number of records to skip.
-* `request.Take` specifies the number of records to retrieve.
-* `PerformSkip` and `PerformTake` enable efficient server-side paging.
+* **request.Skip** specifies the number of records to skip.
+* **request.Take** specifies the number of records to retrieve.
+* **PerformSkip** and **PerformTake** enable efficient server-side paging.
 * Custom paging logic can be added before or after applying these methods.
 
 > **Best Practice**:
-
 For optimal performance, apply operations in the following sequence on the server side:
-
 **Searching → Filtering → Sorting → Aggregation → Paging**
 
 ### Handling CRUD operations Using UrlAdaptor
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid supports **Create**, **Read**, **Update**, and **Delete** (**CRUD**) operations through the [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) component. API endpoints for these operations are mapped using properties such as:
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid supports **Create**, **Read**, **Update**, and **Delete** (**CRUD**) operations through the [DataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) component. API endpoints for these operations are mapped using properties such as:
 
 * [InsertUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_InsertUrl) – API endpoint for inserting new records.
 * [UpdateUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_UpdateUrl) – API endpoint for updating existing records.
@@ -628,7 +626,7 @@ public void Delete([FromBody] CRUDModel<Order> Value)
 
 **Batch Operation:**
 
-To perform batch updates, set the edit [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEditSettings.html#Syncfusion_Blazor_Grids_GridEditSettings_Mode) to **Batch** in the [GridEditSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEditSettings.html) component and configure the [BatchUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_BatchUrl) property in the [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html).
+To perform batch updates, set the edit [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEditSettings.html#Syncfusion_Blazor_Grids_GridEditSettings_Mode) to **Batch** in the [GridEditSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEditSettings.html) component and configure the [BatchUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_BatchUrl) property in the [DataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html).
 In batch mode:
 
 - Use the **Add** toolbar button to insert new rows.

blazor/datagrid/connecting-to-database/mysql-server.md

@@ -15,11 +15,11 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid component s
 - Implementing a [CustomAdaptor](https://blazor.syncfusion.com/documentation/datagrid/connecting-to-adaptors/custom-adaptor) for custom logic.
 - Configuring remote data binding through adaptors such as [UrlAdaptor](https://blazor.syncfusion.com/documentation/data/adaptors#url-adaptor).
 
-* **Remote Data Binding using UrlAdaptor**
+**Using UrlAdaptor**
 
 The [UrlAdaptor](https://blazor.syncfusion.com/documentation/data/adaptors#url-adaptor) enables communication between the DataGrid and a remote API service connected to **MySQL** Server. This approach is suitable when the API implements custom logic for data operations and returns results in the **result** and **count** format.
 
-* **Custom Data Binding using CustomAdaptor**
+**Using CustomAdaptor**
 
 The [CustomAdaptor](https://blazor.syncfusion.com/documentation/datagrid/connecting-to-adaptors/custom-adaptor) provides full control over data operations and CRUD functionality. It allows implementing custom logic for **searching**, **filtering**, **sorting**, **paging**, and **grouping** directly in the server-side code.
 
@@ -467,7 +467,7 @@ public void Insert([FromBody] CRUDModel<Order> Value)
 
 **Update Operation:**
 
-To edit a row, first select desired row and click the **Edit** toolbar button. The edit form will be displayed and proceed to modify any column value as per your requirement. Clicking the **Update** toolbar button will update the edit record in the Orders table by involving the following **Post** method of an API.
+To edit a row, select the required row and click the **Edit** button in the toolbar. An edit form will appear, allowing changes to any column value. After making the changes, click the **Update** button in the toolbar to save the record in the Orders table. This action triggers the following **POST** method in the API.
 
 {% tabs %}
 {% highlight c# tabtitle="OrdersController.cs" %}
@@ -529,7 +529,7 @@ public void Delete([FromBody] CRUDModel<Order> Value)
 
 **Batch Operation:**
 
-To perform batch updates, set the edit [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEditSettings.html#Syncfusion_Blazor_Grids_GridEditSettings_Mode) to **Batch** in the [GridEditSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEditSettings.html) component and configure the [BatchUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_BatchUrl) property in the [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html).
+To perform batch updates, set the edit [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEditSettings.html#Syncfusion_Blazor_Grids_GridEditSettings_Mode) to **Batch** in the [GridEditSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEditSettings.html) component and configure the [BatchUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_BatchUrl) property in the [DataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html).
 In batch mode:
 
 - Use the **Add** toolbar button to insert new rows.