documentation(EJ2-67661): UG document to save and load report using database.

Author: Yash58vanth

Javascript/README.md

@@ -1,4 +1,4 @@
-# How to bind MSSQL database to pivot table Save & Load Actions
+# How to save and load reports from a SQL Server Database to a Pivot Table
 
 A quick start project that shows how to save and load reports from a SQL Server database and load them into the Syncfusion Pivot Table at run time. This repository includes a ASP.NET Core Web App Controller ([MyWebService](../MyWebService/)) for saving and loading reports from a SQL server database, as well as a quick start samples in the JavaScript platform that displays the loaded report in a Syncfusion Pivot Table.
 
@@ -15,4 +15,4 @@ Before beginning work on the server and client projects, ensure the following so
 
 * To run this application, clone the [Save-and-load-report-from-SQL-database-to-pivot-table](https://github.com/SyncfusionExamples/Save-and-load-report-from-SQL-database-to-pivot-table) repository and then open **MyWebService** in Visual Studio 2022. Simply build and run your project in IIS Express, and it will host and display the URL 'https://localhost:44313'.
 
-*  Now open JavaScript sample in Visual Studio Code. Initialize the Pivot Table, map the hosted URL,create a pivot report, and finally, open the **index.html** file in your browser to run your project.
+* Now open the JavaScript sample in Visual Studio Code. Initialize the Pivot Table, create a pivot report based on the given data source, map the hosted url to perform save and load reports with the SQL database, and finally, open the **index.html** file in your browser to run your project.

Javascript/pivot-table/index.js

@@ -150,22 +150,18 @@ var pivotTableObj = new ej.pivotview.PivotView({
 pivotTableObj.appendTo("#PivotView");
 
 function updateReport(reportList) {
+  // Here you can refresh the report list by feeding updated reports fetched from the database.
   var reportListObj = pivotTableObj.element.querySelector(
     "#" + pivotTableObj.element.id + "_reportlist"
   ).ej2_instances;
   if (reportListObj) {
     reportListObj[0].dataSource = reportList;
     reportListObj[0].value = pivotTableObj.toolbarModule.currentReport;
-    if (
-      pivotTableObj.toolbarModule.currentReport === "" &&
-      reportListObj[0].itemData === null
-    ) {
-      pivotTableObj.toolbarModule.currentReport =
-        reportList[reportList.length - 1];
+    // For remove report
+    if (pivotTableObj.toolbarModule.currentReport === "" && reportListObj[0].itemData === null) {
+      pivotTableObj.toolbarModule.currentReport = reportList[reportList.length - 1];
       reportListObj[0].value = pivotTableObj.toolbarModule.currentReport;
-      pivotTableObj.loadReport({
-        reportName: reportList[reportList.length - 1],
-      });
+      pivotTableObj.loadReport({ reportName: reportList[reportList.length - 1] });
     }
   }
 }

MyWebService/MyWebService.csproj.user

@@ -1,3 +1,3 @@
-# Save and load report from SQL database to a Pivot Table
+# How to save and load reports from a SQL Server Database to a Pivot Table
 
 A quick start project that shows how to save and load reports from a SQL Server database and load them into the Syncfusion Pivot Table at run time. This repository includes a ASP.NET Core Web App Controller ([MyWebService](./MyWebService/)) for saving and loading reports from a SQL server database, as well as a quick start samples in the [TypeScript](./Typescript/), [JavaScript](./Javascript/), [Angular](./Angular/), [React](./React/), [VUE](./VUE/), ASP.NET [Core](./Core/) and [MVC](./MVC/) platforms that displays the loaded report in a Syncfusion Pivot Table.