Integrated latest changes at 09-09-2025 10:31:08 AM

SyncfusionBuild · SyncfusionBuild · commit 25768673d5ce · 2025-09-09T11:28:43.000+05:30
diff --git a/ej2-javascript/code-snippet/treegrid/error-handling/index.js b/ej2-javascript/code-snippet/treegrid/error-handling/index.js
@@ -1,7 +1,7 @@
 ej.treegrid.TreeGrid.Inject(ej.treegrid.Edit);
 
 var treeGridObj = new ej.treegrid.TreeGrid({
-    dataSource: window.sampleData,
+    dataSource: sampleData,
     childMapping: 'subtasks',
     editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true},
     treeColumnIndex: 1,
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs1/es5-datasource.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs1/es5-datasource.js
@@ -2,7 +2,7 @@
  * TreeGrid DataSource
  */
 
-window.sampleData =  [
+var sampleData =  [
     {
         taskID: 1,
         taskName: 'Planning',
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs1/index.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs1/index.js
@@ -1,6 +1,6 @@
 ej.treegrid.TreeGrid.Inject(ej.treegrid.Page);
 var treeGridObj = new ej.treegrid.TreeGrid({
-    dataSource: window.sampleData,
+    dataSource: sampleData,
     childMapping: 'subtasks',
     treeColumnIndex: 1,
     allowPaging: true,
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs2/index.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs2/index.js
@@ -1,6 +1,6 @@
 ej.treegrid.TreeGrid.Inject(ej.treegrid.Page, ej.treegrid.Sort);
 var treeGridObj = new ej.treegrid.TreeGrid({
-    dataSource: window.sortData,
+    dataSource: sortData,
     childMapping: 'subtasks',
     treeColumnIndex: 1,
     allowSorting: true,
@@ -14,5 +14,4 @@ var treeGridObj = new ej.treegrid.TreeGrid({
     ],
     height: 260
 });
-treeGridObj.appendTo('#TreeGrid');
-
+treeGridObj.appendTo('#TreeGrid');
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs3/es5-datasource.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs3/es5-datasource.js
@@ -2,7 +2,7 @@
  * TreeGrid DataSource
  */
 
-window.sampleData =  [
+var sampleData =  [
     {
         taskID: 1,
         taskName: 'Planning',
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs3/index.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs3/index.js
@@ -1,7 +1,6 @@
-import { sampleData } from './es5-datasource.js';
 ej.treegrid.TreeGrid.Inject(ej.treegrid.Page, ej.treegrid.Sort, ej.grids.Filter);
 var treeGridObj = new ej.treegrid.TreeGrid({
-    dataSource: window.sampleData,
+    dataSource: sampleData,
     childMapping: 'subtasks',
     treeColumnIndex: 1,
     allowFiltering: true,
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs4/es5-datasource.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs4/es5-datasource.js
@@ -2,7 +2,7 @@
  * TreeGrid DataSource
  */
 
-window.sampleData =  [
+var sampleData =  [
     {
         taskID: 1,
         taskName: 'Planning',
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs4/index.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs4/index.js
@@ -1,7 +1,7 @@
-import { sampleData } from './es5-datasource.js';
+
 ej.treegrid.TreeGrid.Inject(ej.treegrid.Page, ej.treegrid.Sort, ej.grids.Filter);
 var treeGridObj = new ej.treegrid.TreeGrid({
-    dataSource: window.sampleData,
+    dataSource: sampleData,
     childMapping: 'subtasks',
     treeColumnIndex: 1,
     allowFiltering: true,
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs5/index.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs5/index.js
@@ -1,4 +1,3 @@
-import { sampleData } from './es5-datasource.js';
 ej.treegrid.TreeGrid.Inject(ej.treegrid.Page);
 var treeGridObj = new ej.treegrid.TreeGrid({
     dataSource: sampleData,
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs6/index.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs6/index.js
@@ -1,4 +1,4 @@
-import { sortData } from './es5-datasource.js';
+
 ej.treegrid.TreeGrid.Inject(ej.treegrid.Page, ej.treegrid.Sort);
 var treeGridObj = new ej.treegrid.TreeGrid({
     dataSource: sortData,
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs7/index.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs7/index.js
@@ -1,4 +1,3 @@
-import { sampleData } from './es5-datasource.js';
 ej.treegrid.TreeGrid.Inject(ej.treegrid.Page, ej.treegrid.Sort, ej.grids.Filter);
 var treeGridObj = new ej.treegrid.TreeGrid({
     dataSource: sampleData,
diff --git a/ej2-javascript/code-snippet/treegrid/tree-grid-cs8/index.js b/ej2-javascript/code-snippet/treegrid/tree-grid-cs8/index.js
@@ -1,5 +1,3 @@
-
-import { sampleData } from './es5-datasource.js';
 ej.treegrid.TreeGrid.Inject(ej.treegrid.Page, ej.treegrid.Sort, ej.grids.Filter);
 var treeGridObj = new ej.treegrid.TreeGrid({
     dataSource: sampleData,
diff --git a/ej2-javascript/treegrid/js/getting-started.md b/ej2-javascript/treegrid/js/getting-started.md
@@ -41,11 +41,11 @@ Following is the list of dependencies to use the TreeGrid with all features.
 
 Refer to the following steps to setup your local environment.
 
-**Step 1:** Create a root folder `myapp` for your application.
+**Step 1:** Create a root folder `my-app` for your application.
 
-**Step 2:** Create `myapp/resources` folder to store local scripts and styles files.
+**Step 2:** Create `my-app/resources` folder to store local scripts and styles files.
 
-**Step 3:** Create `myapp/index.js` and `myapp/index.html` files for initializing Essential<sup style="font-size:70%">&reg;</sup> JS 2 TreeGrid control.
+**Step 3:** Create `my-app/index.js` and `my-app/index.html` files for initializing Essential<sup style="font-size:70%">&reg;</sup> JS 2 TreeGrid control.
 
 ## Adding Syncfusion<sup style="font-size:70%">&reg;</sup> resources
 
@@ -280,7 +280,7 @@ treeGridObj.appendTo('#TreeGrid');
 
 ```
 
-In the above code example, the hierarchical data binding is represented in which the [`chilMapping`](../api/treegrid/#childmapping) property denotes the hierarchy relationship; whereas in self-referencing data binding [`idMapping`](../api/treegrid/#idmapping) and [`parentIdMapping`](../api/treegrid/#parentidmapping) denotes the hierarchy relationship.
+In the above code example, the hierarchical data binding is represented in which the [`childMapping`](../api/treegrid/#childmapping) property denotes the hierarchy relationship; whereas in self-referencing data binding [`idMapping`](../api/treegrid/#idmapping) and [`parentIdMapping`](../api/treegrid/#parentidmapping) denotes the hierarchy relationship.
 
 ## Module injection
 
@@ -387,18 +387,18 @@ The Essential<sup style="font-size:70%">&reg;</sup> JS 2 TreeGrid control featur
 
 Error handling in Tree Grid identifies exceptions and notifies them through the [actionFailure](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/#actionfailure) event. When configuring the Tree Grid or enabling specific features through its API, mistakes can occur. The `actionFailure` event can be used to manage these errors. This event triggers when such mistakes happen. The `actionFailure` event handles various scenarios, including:
 
-* For CRUD operations, row drag and drop, and persisiting the selection, ensure the [isPrimaryKey](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/column/#isprimarykey) property is mapped to a unique data column. Failure to do so will cause an error.
+* For CRUD operations, row drag and drop, and persisting the selection, ensure the [isPrimaryKey](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/column/#isprimarykey) property is mapped to a unique data column. Failure to do so will cause an error.
 * [Paging](https://ej2.syncfusion.com/javascript/documentation/treegrid/paging) is not supported with [virtualization](https://ej2.syncfusion.com/javascript/documentation/treegrid/virtual-scroll). Enabling `paging` with `virtualization` will result in an error.
 * To render the Tree Grid, map either the [dataSource](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/#datasource) or [columns](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/#columns) property. Failure to do so will result in an error.
-* Freeze columns by mapping either [isFrozen](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/column/#isfrozen) or [frozenColumns](https://ej2.syncfusion.com/javascript/documentation/api/treegrid#frozencolumns). Enabling both properties simultaneously will result in an error.
-* The [detailTemplate](https://ej2.syncfusion.com/javascript/documentation/api/treegrid#detailtemplate) is not supported with `virtualization` and `stacked header`. Enabling them with these features will result in an error.
-* The [frozenRows](https://ej2.syncfusion.com/javascript/documentation/api/treegrid#frozenrows) and `frozenColumns` are not supported with [rowtemplate](https://ej2.syncfusion.com/javascript/documentation/api/treegrid#rowtemplate), `detailTemplate`, and [cell editing](https://ej2.syncfusion.com/javascript/documentation/treegrid/editing/cell-editing). Enabling them with these features will result in an error.
+* Freeze columns by mapping either [isFrozen](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/column/#isfrozen) or [frozenColumns](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/#frozencolumns). Enabling both properties simultaneously will result in an error.
+* The [detailTemplate](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/#detailtemplate) is not supported with `virtualization` and `stacked header`. Enabling them with these features will result in an error.
+* The [frozenRows](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/#frozenrows) and `frozenColumns` are not supported with [rowtemplate](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/#rowtemplate), `detailTemplate`, and [cell editing](https://ej2.syncfusion.com/javascript/documentation/treegrid/editing/cell-editing). Enabling them with these features will result in an error.
 * In `stacked header`, the [freeze](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/column/#freeze) direction is incompatible with [column reordering](https://ej2.syncfusion.com/javascript/documentation/treegrid/columns/column-reorder). 
 * [Selection](https://ej2.syncfusion.com/javascript/documentation/treegrid/selection/selection) functionality is not supported when using `rowTemplate`. Enabling both properties simultaneously will result in an error.
-* Set the [treeColumnIndex](https://ej2.syncfusion.com/javascript/documentation/api/treegrid#treecolumnindex) value to display the tree structure. Make sure the value does not exceed the total column count, or it will result in an error.
+* Set the [treeColumnIndex](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/#treecolumnindex) value to display the tree structure. Make sure the value does not exceed the total column count, or it will result in an error.
 * For `virtualization`, do not specify height and width in percentages. Using percentages will result in an error.
 * When using the default filter ([filterbar](https://ej2.syncfusion.com/javascript/documentation/treegrid/filtering/filter-bar)) type, do not apply the other [filterType](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/filterType/) to columns within the same tree grid, as this will result in an error.
-* In Tree Grid, avoid enabling [idMapping](https://ej2.syncfusion.com/javascript/documentation/api/treegrid#idmapping) and [childMapping](https://ej2.syncfusion.com/javascript/documentation/api/treegrid#childmapping) simultaneously. Enabling both properties at the same time will result in an error.
+* In Tree Grid, avoid enabling [idMapping](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/#idmapping) and [childMapping](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/#childmapping) simultaneously. Enabling both properties at the same time will result in an error.
 * The [showCheckbox](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/column/#showcheckbox) column should only be defined in the tree column. Defining it elsewhere will result in an error.
 * The [textAlign](https://ej2.syncfusion.com/javascript/documentation/api/treegrid/column/#textalign) right is not applicable for tree columns in the Tree Grid.  Enabling right alignment for tree columns will result in an error.
 
@@ -416,7 +416,7 @@ The following code example shows how to use the [actionFailure](https://ej2.sync
 {% endhighlight %}
 {% endtabs %}
         
-{% previewsample "page.domainurl/ej2-javascript/code-snippet/treegrid/error-handling" %}
+{% previewsample "page.domainurl/code-snippet/treegrid/error-handling" %}
 
 ## See Also
 

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`* TreeGrid DataSource`
`3`	`3`	`*/`
`4`	`4`
`5`		`-window.sampleData = [`
	`5`	`+var sampleData = [`
`6`	`6`	`{`
`7`	`7`	`taskID: 1,`
`8`	`8`	`taskName: 'Planning',`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import { sampleData } from './es5-datasource.js';`
`2`	`1`	`ej.treegrid.TreeGrid.Inject(ej.treegrid.Page);`
`3`	`2`	`var treeGridObj = new ej.treegrid.TreeGrid({`
`4`	`3`	`dataSource: sampleData,`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { sortData } from './es5-datasource.js';`
	`1`	`+`
`2`	`2`	`ej.treegrid.TreeGrid.Inject(ej.treegrid.Page, ej.treegrid.Sort);`
`3`	`3`	`var treeGridObj = new ej.treegrid.TreeGrid({`
`4`	`4`	`dataSource: sortData,`