Integrated latest changes at 06-04-2024 7:30:28 PM

SyncfusionBuild · SyncfusionBuild · commit 7c9fa5efe797 · 2024-06-04T20:26:15.000+05:30
diff --git a/ej2-react-toc.html b/ej2-react-toc.html
@@ -2897,7 +2897,7 @@
 </ul>
 </li> <li>Release Notes
                 <ul>
-				<li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-react/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-react/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-react/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-react/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-react/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-react/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-react/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-react/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-react/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
+				<li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-react/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-react/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-react/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-react/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-react/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-react/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-react/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-react/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-react/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-react/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
 				<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-react/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-react/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-react/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-react/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-react/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-react/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-react/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-react/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-react/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-react/release-notes/24.1.43">24.1.43</a></li></ul></li><li><a href="/ej2-react/release-notes/24.2.3">24.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
 				<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-react/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-react/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-react/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-react/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-react/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-react/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-react/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-react/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-react/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-react/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-react/release-notes/23.2.4">23.2.4 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
 				<li>2023 Volume 2 - 22.*
diff --git a/ej2-react/Release-notes/25.2.7.md b/ej2-react/Release-notes/25.2.7.md
@@ -0,0 +1,16 @@
+---
+title: Essential Studio for React Weekly Nuget Release Release Notes  
+description: Essential Studio for React Weekly Nuget Release Release Notes  
+platform: ej2-react
+documentation: ug
+---
+
+# Essential Studio for React  Release Notes  
+
+{% include release-info.html date="June 04, 2024"  version="v25.2.7" %}
+
+{% directory path: _includes/release-notes/v25.2.7 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
diff --git a/ej2-react/code-snippet/rich-text-editor/file-browser-cs1/app/App.jsx b/ej2-react/code-snippet/rich-text-editor/file-browser-cs1/app/App.jsx
@@ -8,10 +8,10 @@ class App extends React.Component {
         enable: true,
         path: '/Pictures/Food',
         ajaxSettings: {
-            url: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/FileOperations',
-            getImageUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/GetImage',
-            uploadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Upload',
-            downloadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Download'
+          url: 'https://services.syncfusion.com/react/production/api/FileManager/FileOperations',
+          getImageUrl: 'https://services.syncfusion.com/react/production/api/FileManager/GetImage',
+          uploadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Upload',
+          downloadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Download'
         }
     };
     toolbarSettings = {
diff --git a/ej2-react/code-snippet/rich-text-editor/file-browser-cs1/app/App.tsx b/ej2-react/code-snippet/rich-text-editor/file-browser-cs1/app/App.tsx
@@ -12,10 +12,10 @@ class App extends React.Component<{},{}> {
     enable: true,
     path: '/Pictures/Food',
     ajaxSettings: {
-      url: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/FileOperations',
-      getImageUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/GetImage',
-      uploadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Upload',
-      downloadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Download'
+      url: 'https://services.syncfusion.com/react/production/api/FileManager/FileOperations',
+      getImageUrl: 'https://services.syncfusion.com/react/production/api/FileManager/GetImage',
+      uploadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Upload',
+      downloadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Download'
     }
   }
 
diff --git a/ej2-react/code-snippet/rich-text-editor/file-browser-cs2/app/App.jsx b/ej2-react/code-snippet/rich-text-editor/file-browser-cs2/app/App.jsx
@@ -8,10 +8,10 @@ function App() {
         enable: true,
         path: '/Pictures/Food',
         ajaxSettings: {
-            url: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/FileOperations',
-            getImageUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/GetImage',
-            uploadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Upload',
-            downloadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Download'
+          url: 'https://services.syncfusion.com/react/production/api/FileManager/FileOperations',
+          getImageUrl: 'https://services.syncfusion.com/react/production/api/FileManager/GetImage',
+          uploadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Upload',
+          downloadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Download'
         }
     };
     let toolbarSettings = {
diff --git a/ej2-react/code-snippet/rich-text-editor/file-browser-cs2/app/App.tsx b/ej2-react/code-snippet/rich-text-editor/file-browser-cs2/app/App.tsx
@@ -12,10 +12,10 @@ function App(){
     enable: true,
     path: '/Pictures/Food',
     ajaxSettings: {
-      url: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/FileOperations',
-      getImageUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/GetImage',
-      uploadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Upload',
-      downloadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Download'
+      url: 'https://services.syncfusion.com/react/production/api/FileManager/FileOperations',
+      getImageUrl: 'https://services.syncfusion.com/react/production/api/FileManager/GetImage',
+      uploadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Upload',
+      downloadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Download'
     }
   }
 
diff --git a/ej2-react/grid/connecting-to-adaptors/odatav4-adaptor.md b/ej2-react/grid/connecting-to-adaptors/odatav4-adaptor.md
@@ -544,4 +544,83 @@ public IActionResult Delete(int key)
 }
 ```
 
-![ODataV4Adaptor-Delete-record](../images/odatav4-adaptor-delete-record.png)
+![ODataV4Adaptor-Delete-record](../images/odatav4-adaptor-delete-record.png)
+
+## 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
+
+**Configuring Custom URLs**
+
+To work with custom URLs for CRUD operations in the Syncfusion Grid, you can use the following properties:
+
+* insertUrl: Specifies the custom URL for inserting new records.
+* removeUrl: Specifies the custom URL for deleting records.
+* updateUrl: Specifies the custom URL for updating records.
+* batchUrl: Specifies the custom URL for batch editing operations.
+
+> Ensure that the routing configurations on the server-side are properly updated to handle these custom URLs.
+
+The following code example describes the above behavior.
+
+{% tabs %}
+{% highlight ts tabtitle="App.tsx" %}
+import { ColumnDirective, ColumnsDirective, GridComponent, ToolbarItems, EditSettingsModel, Toolbar, Edit, Inject } from '@syncfusion/ej2-react-grids';
+import { DataManager, ODataV4Adaptor } from '@syncfusion/ej2-data';
+
+function App() {
+    const data = new DataManager({ 
+      url: 'https://localhost:xxxx/odata/Orders', // xxxx denotes port number
+      updateUrl: 'https://localhost:xxxx/odata/Orders/Update', // custom URL to update the record
+      insertUrl: 'https://localhost:xxxx/odata/Orders/Insert', // custom URL to insert new record
+      removeUrl: 'https://localhost:xxxx/odata/Orders/Delete', // custom URL to delete the record
+      adaptor: new ODataV4Adaptor()
+    });
+    const editSettings: EditSettingsModel = { allowEditing: true, allowAdding: true, allowDeleting: true, mode: 'Normal' };
+    const toolbar: ToolbarItems[] = ['Add', 'Edit', 'Delete', 'Update', 'Cancel', 'Search'];
+    const orderIDRules: object = {required: true};
+    const customerIDRules: object = {required: true, minLength: 3};
+    return <GridComponent dataSource={data} editSettings={editSettings} toolbar={toolbar} height={320}>
+        <ColumnsDirective>
+            <ColumnDirective field='OrderID' headerText='Order ID' isPrimaryKey={true} width='150' textAlign='Right' validationRules={orderIDRules}></ColumnDirective>
+            <ColumnDirective field='CustomerID' headerText='Customer ID' width='150' validationRules={customerIDRules}></ColumnDirective>
+            <ColumnDirective field='EmployeeID' headerText='Employee ID' width='150'/>
+            <ColumnDirective field='ShipCountry' headerText='Ship Country' width='150'/>
+        </ColumnsDirective>
+        <Inject services={[Toolbar,Edit]} />
+    </GridComponent>
+};
+export default App;
+{% endhighlight %}
+{% endtabs %}
+
+For batch editing, you can specify a custom batch URL as follows:
+
+{% tabs %}
+{% highlight ts tabtitle="App.tsx" %}
+import { ColumnDirective, ColumnsDirective, GridComponent, ToolbarItems, EditSettingsModel, Toolbar, Edit, Inject } from '@syncfusion/ej2-react-grids';
+import { DataManager, ODataV4Adaptor } from '@syncfusion/ej2-data';
+
+function App() {
+    const data = new DataManager({ 
+      url: 'https://localhost:xxxx/odata/Orders', // xxxx denotes port number
+      BatchUrl: 'https://localhost:xxxx/odata/Orders/BatchUpdate', // custom URL for batch update
+      adaptor: new ODataV4Adaptor()
+    });
+    const editSettings: EditSettingsModel = { allowEditing: true, allowAdding: true, allowDeleting: true, mode: 'Batch' };
+    const toolbar: ToolbarItems[] = ['Add', 'Edit', 'Delete', 'Update', 'Cancel', 'Search'];
+    const orderIDRules: object = {required: true};
+    const customerIDRules: object = {required: true, minLength: 3};
+    return <GridComponent dataSource={data} editSettings={editSettings} toolbar={toolbar} height={320}>
+        <ColumnsDirective>
+            <ColumnDirective field='OrderID' headerText='Order ID' isPrimaryKey={true} width='150' textAlign='Right' validationRules={orderIDRules}></ColumnDirective>
+            <ColumnDirective field='CustomerID' headerText='Customer ID' width='150' validationRules={customerIDRules}></ColumnDirective>
+            <ColumnDirective field='EmployeeID' headerText='Employee ID' width='150'/>
+            <ColumnDirective field='ShipCountry' headerText='Ship Country' width='150'/>
+        </ColumnsDirective>
+        <Inject services={[Toolbar,Edit]} />
+    </GridComponent>
+};
+export default App;
+{% endhighlight %}
+{% endtabs %}
diff --git a/ej2-react/grid/grouping/lazy-load-grouping.md b/ej2-react/grid/grouping/lazy-load-grouping.md
@@ -68,7 +68,7 @@ public IActionResult UrlDatasource([FromBody] DataManagerRequest dm)
         DataSource = operation.PerformFiltering(DataSource, dm.Where, dm.Where[0].Operator);
     }
     int count = DataSource.Cast<Customers>().Count();
-    if (dm.Sorted != null && dm.Sorted.Count > 0) //Sorting
+    if (dm.IsLazyLoad == false && dm.Sorted != null && dm.Sorted.Count > 0) //Sorting for grouping
     {
         DataSource = operation.PerformSorting(DataSource, dm.Sorted);
     }   
@@ -83,6 +83,7 @@ public IActionResult UrlDatasource([FromBody] DataManagerRequest dm)
     if (dm.IsLazyLoad)
     {
         groupedData = operation.PerformGrouping<Customers>(DataSource, dm); // Lazy load grouping
+        groupedData = operation.PerformSorting(groupedData, dm); // Sorting with Lazy load grouping
         if (dm.OnDemandGroupInfo != null && dm.Group.Count() == dm.OnDemandGroupInfo.Level)
         {
             count = groupedData.Cast<Customers>().Count();
@@ -96,9 +97,10 @@ public IActionResult UrlDatasource([FromBody] DataManagerRequest dm)
     }
 return dm.RequiresCounts ? Json(new { result = groupedData == null ? DataSource : groupedData, count = count }) : Json(DataSource);
 }
-
 ```
 
+> For optimal performance, especially when dealing with lazy loading grouping, it is recommended to perform sorting after the grouping action.
+
 ## Lazy load grouping with infinite scrolling
 
 Lazy loading grouping with infinite scrolling is a valuable feature in scenarios where there is a need to present grouped data, efficiently handle large datasets, and ensure a seamless experience. This feature enables loading data on demand as the interface is interacted with, ensuring optimal performance and responsiveness while effectively managing and presenting large grouped datasets

Original file line number	Diff line number	Diff line change
`@@ -12,10 +12,10 @@ class App extends React.Component<{},{}> {`
`12`	`12`	`enable: true,`
`13`	`13`	`path: '/Pictures/Food',`
`14`	`14`	`ajaxSettings: {`
`15`		`- url: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/FileOperations',`
`16`		`- getImageUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/GetImage',`
`17`		`- uploadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Upload',`
`18`		`- downloadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Download'`
	`15`	`+ url: 'https://services.syncfusion.com/react/production/api/FileManager/FileOperations',`
	`16`	`+ getImageUrl: 'https://services.syncfusion.com/react/production/api/FileManager/GetImage',`
	`17`	`+ uploadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Upload',`
	`18`	`+ downloadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Download'`
`19`	`19`	`}`
`20`	`20`	`}`
`21`	`21`
Original file line number	Diff line number	Diff line change
`@@ -12,10 +12,10 @@ function App(){`
`12`	`12`	`enable: true,`
`13`	`13`	`path: '/Pictures/Food',`
`14`	`14`	`ajaxSettings: {`
`15`		`- url: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/FileOperations',`
`16`		`- getImageUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/GetImage',`
`17`		`- uploadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Upload',`
`18`		`- downloadUrl: 'https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Download'`
	`15`	`+ url: 'https://services.syncfusion.com/react/production/api/FileManager/FileOperations',`
	`16`	`+ getImageUrl: 'https://services.syncfusion.com/react/production/api/FileManager/GetImage',`
	`17`	`+ uploadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Upload',`
	`18`	`+ downloadUrl: 'https://services.syncfusion.com/react/production/api/FileManager/Download'`
`19`	`19`	`}`
`20`	`20`	`}`
`21`	`21`
Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ public IActionResult UrlDatasource([FromBody] DataManagerRequest dm)`
`68`	`68`	`DataSource = operation.PerformFiltering(DataSource, dm.Where, dm.Where[0].Operator);`
`69`	`69`	`}`
`70`	`70`	`int count = DataSource.Cast<Customers>().Count();`
`71`		`- if (dm.Sorted != null && dm.Sorted.Count > 0) //Sorting`
	`71`	`+ if (dm.IsLazyLoad == false && dm.Sorted != null && dm.Sorted.Count > 0) //Sorting for grouping`
`72`	`72`	`{`
`73`	`73`	`DataSource = operation.PerformSorting(DataSource, dm.Sorted);`
`74`	`74`	`}`
`@@ -83,6 +83,7 @@ public IActionResult UrlDatasource([FromBody] DataManagerRequest dm)`
`83`	`83`	`if (dm.IsLazyLoad)`
`84`	`84`	`{`
`85`	`85`	`groupedData = operation.PerformGrouping<Customers>(DataSource, dm); // Lazy load grouping`
	`86`	`+ groupedData = operation.PerformSorting(groupedData, dm); // Sorting with Lazy load grouping`
`86`	`87`	`if (dm.OnDemandGroupInfo != null && dm.Group.Count() == dm.OnDemandGroupInfo.Level)`
`87`	`88`	`{`
`88`	`89`	`count = groupedData.Cast<Customers>().Count();`
`@@ -96,9 +97,10 @@ public IActionResult UrlDatasource([FromBody] DataManagerRequest dm)`
`96`	`97`	`}`
`97`	`98`	`return dm.RequiresCounts ? Json(new { result = groupedData == null ? DataSource : groupedData, count = count }) : Json(DataSource);`
`98`	`99`	`}`
`99`		`-`
`100`	`100`	```
`101`	`101`
	`102`	`+> For optimal performance, especially when dealing with lazy loading grouping, it is recommended to perform sorting after the grouping action.`
	`103`	`+`
`102`	`104`	`## Lazy load grouping with infinite scrolling`
`103`	`105`
`104`	`106`	`Lazy loading grouping with infinite scrolling is a valuable feature in scenarios where there is a need to present grouped data, efficiently handle large datasets, and ensure a seamless experience. This feature enables loading data on demand as the interface is interacted with, ensuring optimal performance and responsiveness while effectively managing and presenting large grouped datasets`