From b00113efbb03ef242eac81e76c08e9c45d1046de Mon Sep 17 00:00:00 2001
From: suba-1997 <subalakshmi.r@syncfusion.com>
Date: Wed, 29 Jan 2025 14:46:43 +0530
Subject: [PATCH 1/7] 934883: Test and resolve issues in UG all sections - ASP
 core TreeView control.

---
 .../hierarchical/hierarchical-core.cs         |   1 +
 .../binding-data/self-referential/tagHelper   |   2 +-
 .../treeview/checkbox/checkbox-core.cs        | 173 +++--------------
 .../how-to/context-menu/contextmenu-core.cs   | 183 +++---------------
 .../treeview/how-to/customize/tagHelper       |   6 +-
 .../how-to/manipulating-nodes-cs1/tagHelper   |  21 +-
 .../treeview/how-to/node-customize/tagHelper  |   8 +-
 .../how-to/node-validate/nodevalidate-core.cs |   2 +-
 .../treeview/how-to/node-validate/tagHelper   |  19 +-
 .../treeview/template/template-core.cs        |  29 ++-
 ej2-asp-core-mvc/treeview/data-binding.md     |   3 -
 ...tree-node-operations-using-context-menu.md |   2 +-
 ej2-asp-core-mvc/treeview/template.md         |   4 +-
 13 files changed, 112 insertions(+), 341 deletions(-)

diff --git a/ej2-asp-core-mvc/code-snippet/treeview/binding-data/hierarchical/hierarchical-core.cs b/ej2-asp-core-mvc/code-snippet/treeview/binding-data/hierarchical/hierarchical-core.cs
index ce5f7e392d..afa992ccf3 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/binding-data/hierarchical/hierarchical-core.cs
+++ b/ej2-asp-core-mvc/code-snippet/treeview/binding-data/hierarchical/hierarchical-core.cs
@@ -100,3 +100,4 @@ public class Countries
 
     }
     
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/binding-data/self-referential/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/binding-data/self-referential/tagHelper
index 2584db2054..f70476a297 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/binding-data/self-referential/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/binding-data/self-referential/tagHelper
@@ -151,7 +151,7 @@
         name = "Tamil Nadu"
 
     });
-
+}
 <ejs-treeview id="listdata">
     <e-treeview-fields  dataSource="listdata" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>
 </ejs-treeview>
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/checkbox/checkbox-core.cs b/ej2-asp-core-mvc/code-snippet/treeview/checkbox/checkbox-core.cs
index 611f398403..8949acefae 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/checkbox/checkbox-core.cs
+++ b/ej2-asp-core-mvc/code-snippet/treeview/checkbox/checkbox-core.cs
@@ -1,156 +1,29 @@
 public IActionResult CheckBox()
         {
             List<object> treedata = new List<object>();
-            treedata.Add(new
-            {
-                id = 1,
-                name = "Australia",
-                hasChild = true,
-                expanded = true
-            });
-            treedata.Add(new
-            {
-                id = 2,
-                pid = 1,
-                name = "New South Wales",
-
-            });
-            treedata.Add(new
-            {
-                id = 3,
-                pid = 1,
-                name = "Victoria"
-            });
-
-            treedata.Add(new
-            {
-                id = 4,
-                pid = 1,
-                name = "South Australia"
-            });
-            treedata.Add(new
-            {
-                id = 6,
-                pid = 1,
-                name = "Western Australia",
-
-            });
-            treedata.Add(new
-            {
-                id = 7,
-                name = "Brazil",
-                hasChild = true
-            });
-            treedata.Add(new
-            {
-                id = 8,
-                pid = 7,
-                name = "Paraná"
-            });
-            treedata.Add(new
-            {
-                id = 9,
-                pid = 7,
-                name = "Ceará"
-            });
-            treedata.Add(new
-            {
-                id = 10,
-                pid = 7,
-                name = "Acre"
-            });
-            treedata.Add(new
-            {
-                id = 11,
-                name = "China",
-                hasChild = true
-            });
-            treedata.Add(new
-            {
-                id = 12,
-                pid = 11,
-                name = "Guangzhou"
-            });
-            treedata.Add(new
-            {
-                id = 13,
-                pid = 11,
-                name = "Shanghai"
-            });
-            treedata.Add(new
-            {
-                id = 14,
-                pid = 11,
-                name = "Beijing"
-            });
-            treedata.Add(new
-            {
-                id = 15,
-                pid = 11,
-                name = "Shantou"
-
-            });
-            treedata.Add(new
-            {
-                id = 16,
-                name = "France",
-                hasChild = true
-
-            });
-            treedata.Add(new
-            {
-                id = 17,
-                pid = 16,
-                name = "Pays de la Loire"
-
-            });
-            treedata.Add(new
-            {
-                id = 18,
-                pid = 16,
-                name = "Aquitaine"
-
-            });
-            treedata.Add(new
-            {
-                id = 19,
-                pid = 16,
-                name = "Brittany"
-
-            });
-            treedata.Add(new
-            {
-                id = 20,
-                pid = 16,
-                name = "Lorraine"
-            });
-            treedata.Add(new
-            {
-                id = 21,
-                name = "India",
-                hasChild = true
-
-            });
-            treedata.Add(new
-            {
-                id = 22,
-                pid = 21,
-                name = "Assam"
-
-            });
-            treedata.Add(new
-            {
-                id = 23,
-                pid = 21,
-                name = "Bihar"
-            });
-            treedata.Add(new
-            {
-                id = 24,
-                pid = 21,
-                name = "Tamil Nadu"
-
-            });
+            treedata.Add(new { id = 1, name = "Australia", hasChild = true, expanded = true });
+            treedata.Add(new { id = 2, pid = 1, name = "New South Wales" });
+            treedata.Add(new { id = 3, pid = 1, name = "Victoria" });
+            treedata.Add(new { id = 4, pid = 1, name = "South Australia" });
+            treedata.Add(new { id = 6, pid = 1, name = "Western Australia" });
+            treedata.Add(new { id = 7, name = "Brazil", hasChild = true });
+            treedata.Add(new { id = 8, pid = 7, name = "Paraná" });
+            treedata.Add(new { id = 9, pid = 7, name = "Ceará" });
+            treedata.Add(new { id = 10, pid = 7, name = "Acre" });
+            treedata.Add(new { id = 11, name = "China", hasChild = true });
+            treedata.Add(new { id = 12, pid = 11, name = "Guangzhou" });
+            treedata.Add(new { id = 13, pid = 11, name = "Shanghai" });
+            treedata.Add(new { id = 14, pid = 11, name = "Beijing" });
+            treedata.Add(new { id = 15, pid = 11, name = "Shantou" });
+            treedata.Add(new { id = 16, name = "France", hasChild = true });
+            treedata.Add(new { id = 17, pid = 16, name = "Pays de la Loire" });
+            treedata.Add(new { id = 18, pid = 16, name = "Aquitaine" });
+            treedata.Add(new { id = 19, pid = 16, name = "Brittany" });
+            treedata.Add(new { id = 20, pid = 16, name = "Lorraine" });
+            treedata.Add(new { id = 21, name = "India", hasChild = true });
+            treedata.Add(new { id = 22, pid = 21, name = "Assam" });
+            treedata.Add(new { id = 23, pid = 21, name = "Bihar" });
+            treedata.Add(new { id = 24, pid = 21, name = "Tamil Nadu" });
             ViewBag.dataSource = treedata;
             return View();
         }
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/context-menu/contextmenu-core.cs b/ej2-asp-core-mvc/code-snippet/treeview/how-to/context-menu/contextmenu-core.cs
index cd2e9e5a1b..9ab83811e6 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/context-menu/contextmenu-core.cs
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/context-menu/contextmenu-core.cs
@@ -1,3 +1,4 @@
+{%raw%}
 using System.Collections.Generic;
 using Microsoft.AspNetCore.Mvc;
 
@@ -7,166 +8,40 @@ public partial class TreeViewController : Controller
     {
         Dictionary<string, string> htmlAttribute = new Dictionary<string, string>();
 
-
         public IActionResult ContextMenu()
         {
             List<object> treedata = new List<object>();
-            treedata.Add(new
-            {
-                id = 1,
-                name = "Discover Music",
-                hasChild = true,
-                expanded = true,
-                htmlAttribute = new Dictionary<string, string>() {{ "class" , "remove rename"} }
-
-            });
-            treedata.Add(new
-            {
-                id = 2,
-                pid = 1,
-                name = "Hot Singles",
-
-            });
-            treedata.Add(new
-            {
-                id = 3,
-                pid = 1,
-                name = "Rising Artists"
-            });
-
-            treedata.Add(new
-            {
-                id = 4,
-                pid = 1,
-                name = "Live Music"
-            });
-            treedata.Add(new
-            {
-                id = 5,
-                hasChild = true,
-                name = "Sales and Events",
-
-            });
-            treedata.Add(new
-            {
-                id = 6,
-                pid=5,
-                name = "100 Albums - $5 Each",
-            });
-            treedata.Add(new
-            {
-                id = 7,
-                pid = 5,
-                name = "Hip-Hop and R&B Sale"
-            });
-            treedata.Add(new
-            {
-                id = 8,
-                pid = 5,
-                name = "CD Deals"
-            });
-            treedata.Add(new
-            {
-                id = 10,
-                hasChild = true,
-                name = "Categories",
- 
-            });
-            treedata.Add(new
-            {
-                id = 11,
-                pid=10,
-                name = "Bestselling Albums",
-               
-            });
-            treedata.Add(new
-            {
-                id = 12,
-                pid = 10,
-                name = "New Releases"
-            });
-            treedata.Add(new
-            {
-                id = 13,
-                pid = 10,
-                name = "Bestselling Songs"
-            });
-            treedata.Add(new
-            {
-                id = 14,
-                hasChild = true,
-                name = "MP3 Albums"
-            });
-            treedata.Add(new
-            {
-                id = 15,
-                pid = 14,
-                name = "Rock"
-
-            });
-            treedata.Add(new
-            {
-                id = 16,
-                name = "Gospel",
-                pid = 14,
-
-            });
-            treedata.Add(new
-            {
-                id = 17,
-                pid = 14,
-                name = "Latin Music"
-
-            });
-            treedata.Add(new
-            {
-                id = 18,
-                pid = 14,
-                name = "Jazz"
-
-            });
-            treedata.Add(new
-            {
-                id = 19,
-                hasChild = true,
-                name = "More in Music"
-
-            });
-            treedata.Add(new
-            {
-                id = 20,
-                pid = 19,
-                name = "Music Trade-In"
-            });
-            treedata.Add(new
-            {
-                id = 21,
-                name = "Redeem a Gift Card",
-                pid = 19
-            });
-            treedata.Add(new
-            {
-                id = 22,
-                pid = 19,
-                name = "Band T-Shirts"
-
-            });
+            treedata.Add(new { id = 1, name = "Discover Music", hasChild = true, expanded = true, htmlAttribute = new Dictionary<string, string>() { { "class", "remove rename" } } });
+            treedata.Add(new { id = 2, pid = 1, name = "Hot Singles" });
+            treedata.Add(new { id = 3, pid = 1, name = "Rising Artists" });
+            treedata.Add(new { id = 4, pid = 1, name = "Live Music" });
+            treedata.Add(new { id = 5, hasChild = true, name = "Sales and Events" });
+            treedata.Add(new { id = 6, pid = 5, name = "100 Albums - $5 Each" });
+            treedata.Add(new { id = 7, pid = 5, name = "Hip-Hop and R&B Sale" });
+            treedata.Add(new { id = 8, pid = 5, name = "CD Deals" });
+            treedata.Add(new { id = 10, hasChild = true, name = "Categories" });
+            treedata.Add(new { id = 11, pid = 10, name = "Bestselling Albums" });
+            treedata.Add(new { id = 12, pid = 10, name = "New Releases" });
+            treedata.Add(new { id = 13, pid = 10, name = "Bestselling Songs" });
+            treedata.Add(new { id = 14, hasChild = true, name = "MP3 Albums" });
+            treedata.Add(new { id = 15, pid = 14, name = "Rock" });
+            treedata.Add(new { id = 16, name = "Gospel", pid = 14 });
+            treedata.Add(new { id = 17, pid = 14, name = "Latin Music" });
+            treedata.Add(new { id = 18, pid = 14, name = "Jazz" });
+            treedata.Add(new { id = 19, hasChild = true, name = "More in Music" });
+            treedata.Add(new { id = 20, pid = 19, name = "Music Trade-In" });
+            treedata.Add(new { id = 21, name = "Redeem a Gift Card", pid = 19 });
+            treedata.Add(new { id = 22, pid = 19, name = "Band T-Shirts" });
             ViewBag.dataSource = treedata;
+            
             List<object> menuItems = new List<object>();
-            menuItems.Add(new
-            {
-                text = "Add New Item",
-            });
-            menuItems.Add(new
-            {
-                text = "Rename Item",
-            });
-            menuItems.Add(new
-            {
-                text = "Remove Item",
-            });
+            menuItems.Add(new { text = "Add New Item" });
+            menuItems.Add(new { text = "Rename Item" });
+            menuItems.Add(new { text = "Remove Item" });
             ViewBag.menuItems = menuItems;
+            
             return View();
         }
     }
-}
\ No newline at end of file
+}
+{%endraw%}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/customize/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/how-to/customize/tagHelper
index a801e65c8f..995afa8206 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/customize/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/customize/tagHelper
@@ -1,4 +1,4 @@
-@using Syncfusion.EJ2
+
 <div>
     <ejs-treeview id="treedata" cssClass="custom">
         <e-treeview-fields child="ViewBag.child"  dataSource="ViewBag.dataSource" id="nodeId" parentId="pid" text="nodeText" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>
@@ -10,9 +10,11 @@
         font-family: "Customize-icon";
     }
 
-    .custom.e-treeview .e-list-item .e-icon-expandable::before, .custom.e-treeview .e-list-item .e-icon-collapsible:before {
+    .custom.e-treeview .e-list-item div.e-icons.e-icon-expandable::before,
+    .custom.e-treeview .e-list-item div.e-icons.e-icon-collapsible::before {
         content: '\e700';
         font-size: 12px;
+        padding:6px;
     }
 
     @@font-face {
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs1/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs1/tagHelper
index d02a6f22f9..6977304ed8 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs1/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs1/tagHelper
@@ -1,15 +1,17 @@
+
 <div id='treeparent'>
-<ejs-treeview id="treedata" >
+    <ejs-treeview id="treedata">
         <e-treeview-fields dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>
-</ejs-treeview>
-<ejs-button id="button1" cssClass="e-primary inline-element right" content="Add parent"></ejs-button>
-<ejs-button id="button2" cssClass="e-primary inline-element right" content="Add child"></ejs-button>
+    </ejs-treeview>
 
-<div id="display"></div>
 </div>
+
+<ejs-button id="button1" cssClass="e-primary inline-element right" content="Add parent"></ejs-button>
+<ejs-button id="button2" cssClass="e-primary inline-element right" content="Add child"></ejs-button>
 <script>
-   var treeObj = document.getElementById('treedata').ej2_instances[0];
+    
     document.getElementById("button1").addEventListener('click', function () {
+        var treeObj = document.getElementById('treedata').ej2_instances[0];
         // add nodes to the root level
         treeObj.addNodes([
             { id: 26, name: 'New Parent' },
@@ -17,6 +19,7 @@
         ]);
     });
     document.getElementById("button2").addEventListener('click', function () {
+        var treeObj = document.getElementById('treedata').ej2_instances[0];
         // add nodes to the existing parent node
         treeObj.addNodes([{ id: 29, pid: 1, name: 'New Child1' }], 1);
     });
@@ -32,10 +35,4 @@
         border: 1px solid #dddddd;
         border-radius: 3px;
     }
-
-    #display {
-        max-width: 500px;
-        margin: auto;
-        padding: 10px;
-    }
 </style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-customize/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-customize/tagHelper
index 173dc2dee1..138d213b15 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-customize/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-customize/tagHelper
@@ -2,11 +2,11 @@
      <ejs-treeview id="treedata" cssClass="mytree">
             <e-treeview-fields child="ViewBag.child"  dataSource="ViewBag.dataSource" id="nodeId" parentId="pid" text="nodeText" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>
         </ejs-treeview>
-    <label>Note:</label>
-      <div><b>1. The font-weight "Bold" is applied for all the leaf nodes</b></div>
-      <div><i>2. The font-weight "Italic" is applied for first level nodes</i></div>
-      <div style="color: darkmagenta">3. The color "darkmagenta" is applied for second level nodes</div>
 </div>
+<label>Note:</label>
+  <div><b>1. The font-weight "Bold" is applied for all the leaf nodes</b></div>
+  <div><i>2. The font-weight "Italic" is applied for first level nodes</i></div>
+  <div style="color: darkmagenta">3. The color "darkmagenta" is applied for second level nodes</div>
 
  <style>
     #treeparent {
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-validate/nodevalidate-core.cs b/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-validate/nodevalidate-core.cs
index baad74b3e8..5585d0f223 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-validate/nodevalidate-core.cs
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-validate/nodevalidate-core.cs
@@ -1,4 +1,4 @@
-public IActionResult NodeEdit()
+public IActionResult NodeValidate()
         {
             List<object> treedata = new List<object>();
             treedata.Add(new
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-validate/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-validate/tagHelper
index 3357c01f57..15015ae1d8 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-validate/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/node-validate/tagHelper
@@ -1,16 +1,15 @@
 <div id='treeparent'>
-<ejs-treeview id="treedata" nodeEdited="onNodeEdited" allowEditing="true" >
+    <ejs-treeview id="treedata" nodeEdited="onNodeEdited" allowEditing="true">
         <e-treeview-fields dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>
-</ejs-treeview>
-
-<div id="display"></div>
+    </ejs-treeview>    
 </div>
+<div id="display"></div>
 <script>
     function onNodeEdited(args) {
-         var treeObj = document.getElementById('treedata').ej2_instances[0];
-         var displayContent = "";
-         if (args.newText.trim() == "") {
-            args.cancel=true;
+        var treeObj = document.getElementById('treedata').ej2_instances[0];
+        var displayContent = "";
+        if (args.newText.trim() == "") {
+            args.cancel = true;
             displayContent = "TreeView item text should not be empty";
         }
         else if (args.newText != args.oldText) {
@@ -18,8 +17,8 @@
         } else {
             displayContent = "";
         }
-       document.getElementById("display").innerHTML = displayContent;
-}
+        document.getElementById("display").innerHTML = displayContent;
+    }
 </script>
 
 <style>
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/template/template-core.cs b/ej2-asp-core-mvc/code-snippet/treeview/template/template-core.cs
index d63a07a399..7f892f668e 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/template/template-core.cs
+++ b/ej2-asp-core-mvc/code-snippet/treeview/template/template-core.cs
@@ -12,8 +12,35 @@ public partial class TreeViewController : Controller
 
         public IActionResult Template()
         {
-            ViewBag.data = new treeviewTemplates().employeesData();
+            ViewBag.data = GetTreeviewTemplateData();
             return View();
         }
+
+        private List<TreeviewTemplate> GetTreeviewTemplateData()
+        {
+            List<TreeviewTemplate> localData = new List<TreeviewTemplate>();
+            localData.Add(new TreeviewTemplate { id = 1, name = "Steven Buchanan", HasChild = true, Expanded = true, Image = "10", Job = "CEO" });
+            localData.Add(new TreeviewTemplate { id = 2, pid = 1, name = "Laura Callahan", count = "4", Image = "2", Job = "Product Manager", HasChild = true });
+            localData.Add(new TreeviewTemplate { id = 3, pid = 2, name = "Andrew Fuller", Image = "7", Job = "Team Lead", HasChild = true });
+            localData.Add(new TreeviewTemplate { id = 4, pid = 3, name = "Anne Dodsworth", count = "6", Image = "1", Job = "Developer" });
+            localData.Add(new TreeviewTemplate { id = 5, pid = 1, name = "Nancy Davolio", HasChild = true, Image = "4", Job = "Product Manager" });
+            localData.Add(new TreeviewTemplate { id = 6, pid = 5, name = "Michael Suyama", count = "20", Image = "9", Job = "Team Lead", HasChild = true });
+            localData.Add(new TreeviewTemplate { id = 7, pid = 6, name = "Robert King", count = "5", Image = "8", Job = "Developer" });
+            localData.Add(new TreeviewTemplate { id = 8, pid = 7, name = "Margaret Peacock", Image = "6", Job = "Developer" });
+            localData.Add(new TreeviewTemplate { id = 9, pid = 1, name = "Janet Leverling", Image = "3", Job = "HR" });
+            return localData;
+        }
+    }
+    public class TreeviewTemplate
+    {
+        public string name { get; set; }
+        public string count { get; set; }
+        public int id { get; set; }
+        public int pid { get; set; }
+        public bool HasChild { get; set; }
+        public bool Expanded { get; set; }
+        public bool Selected { get; set; }
+        public string Image { get; set; }
+        public string Job { get; set; }
     }
 }
diff --git a/ej2-asp-core-mvc/treeview/data-binding.md b/ej2-asp-core-mvc/treeview/data-binding.md
index ee83532bfd..cd35bc209b 100644
--- a/ej2-asp-core-mvc/treeview/data-binding.md
+++ b/ej2-asp-core-mvc/treeview/data-binding.md
@@ -74,9 +74,6 @@ In the following example, **id**, **pid**, **hasChild**, and **name** columns fr
 {% highlight cshtml tabtitle="CSHTML" %}
 {% include code-snippet/treeview/binding-data/self-referential/tagHelper %}
 {% endhighlight %}
-{% highlight c# tabtitle="Selfreferential.cs" %}
-{% include code-snippet/treeview/binding-data/self-referential/selfreferential.cs %}
-{% endhighlight %}
 {% endtabs %}
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
diff --git a/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md b/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
index 3457f86cc6..9bfafdfc43 100644
--- a/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
+++ b/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
@@ -21,7 +21,7 @@ Following is an example which demonstrates the above cases which are used to man
 {% include code-snippet/treeview/how-to/context-menu/tagHelper %}
 {% endhighlight %}
 {% highlight c# tabtitle="Contextmenu.cs" %}
-{% include code-snippet/treeview/how-to/context-menu/contextmenu.cs %}
+{% include code-snippet/treeview/how-to/context-menu/contextmenu-core.cs %}
 {% endhighlight %}
 {% endtabs %}
 
diff --git a/ej2-asp-core-mvc/treeview/template.md b/ej2-asp-core-mvc/treeview/template.md
index 6f95adc5cd..776a289f0a 100644
--- a/ej2-asp-core-mvc/treeview/template.md
+++ b/ej2-asp-core-mvc/treeview/template.md
@@ -23,8 +23,8 @@ The template expression should be provided inside the `${...}` interpolation syn
 {% highlight cshtml tabtitle="CSHTML" %}
 {% include code-snippet/treeview/template/tagHelper %}
 {% endhighlight %}
-{% highlight c# tabtitle="Templatemodel.cs" %}
-{% include code-snippet/treeview/template/templatemodel.cs %}
+{% highlight c# tabtitle="Template.cs" %}
+{% include code-snippet/treeview/template/template-core.cs %}
 {% endhighlight %}
 {% endtabs %}
 

From ab9af77d5a50cb8778de5ba1e9537c3b193959f3 Mon Sep 17 00:00:00 2001
From: suba-1997 <subalakshmi.r@syncfusion.com>
Date: Wed, 29 Jan 2025 15:22:45 +0530
Subject: [PATCH 2/7] 934883: Test and resolve issues in UG all sections - ASP
 core TreeView control.

---
 .../how-to/manipulating-nodes-cs2/tagHelper   | 20 +++++-------
 .../how-to/manipulating-nodes-cs3/tagHelper   | 18 ++++-------
 .../how-to/manipulating-nodes-cs4/tagHelper   | 16 ++++------
 .../how-to/manipulating-nodes-cs5/tagHelper   | 16 ++++------
 .../treeview/EJ2_ASP.MVC/ej1-api-migration.md | 32 +++++++++----------
 .../treeview/EJ2_ASP.MVC/getting-started.md   |  6 ++--
 .../EJ2_ASP.NETCORE/ej1-api-migration.md      | 32 +++++++++----------
 .../EJ2_ASP.NETCORE/getting-started.md        | 10 +++---
 ej2-asp-core-mvc/treeview/accessibility.md    |  6 ++--
 ej2-asp-core-mvc/treeview/check-box.md        |  6 ++--
 ej2-asp-core-mvc/treeview/data-binding.md     | 10 +++---
 ej2-asp-core-mvc/treeview/drag-and-drop.md    |  8 ++---
 ...checkbox-on-clicking-the-tree-node-text.md |  8 ++---
 ...customize-the-expand-and-collapse-icons.md |  6 ++--
 ...ustomize-the-tree-nodes-based-on-levels.md |  8 ++---
 ...tree-node-operations-using-context-menu.md | 10 +++---
 ...drag-and-drop-for-particular-tree-nodes.md |  8 ++---
 ...te-the-text-when-renaming-the-tree-node.md |  8 ++---
 .../treeview/multiple-selection.md            |  6 ++--
 ej2-asp-core-mvc/treeview/node-editing.md     |  8 ++---
 ej2-asp-core-mvc/treeview/overview.md         |  6 ++--
 ej2-asp-core-mvc/treeview/template.md         |  6 ++--
 22 files changed, 118 insertions(+), 136 deletions(-)

diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs2/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs2/tagHelper
index 5e04f74b28..171a8cd922 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs2/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs2/tagHelper
@@ -1,21 +1,23 @@
+
 <div id='treeparent'>
-<ejs-treeview id="treedata" >
+    <ejs-treeview id="treedata">
         <e-treeview-fields dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>
-</ejs-treeview>
+    </ejs-treeview>
+</div>
 <ejs-button id="button1" cssClass="e-primary inline-element right" content="Remove parent"></ejs-button>
 <ejs-button id="button2" cssClass="e-primary inline-element right" content="Remove child"></ejs-button>
 
-<div id="display"></div>
-</div>
 <script>
-    var treeObj = document.getElementById('treedata').ej2_instances[0];
+    
     document.getElementById("button1").addEventListener('click', function () {
+        var treeObj = document.getElementById('treedata').ej2_instances[0];
         // The node with id 14 is removed from the TreeView control.
         treeObj.removeNodes(['14']);
     });
     document.getElementById("button2").addEventListener('click', function () {
+        var treeObj = document.getElementById('treedata').ej2_instances[0];
         // The nodes with id 3 and 4 are removed from the TreeView control.
-        treeObj.removeNodes(['3','4']);
+        treeObj.removeNodes(['3', '4']);
     });
 </script>
 
@@ -29,10 +31,4 @@
         border: 1px solid #dddddd;
         border-radius: 3px;
     }
-
-    #display {
-        max-width: 500px;
-        margin: auto;
-        padding: 10px;
-    }
 </style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs3/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs3/tagHelper
index 3e9e438571..14b7472749 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs3/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs3/tagHelper
@@ -1,14 +1,14 @@
+@* https://localhost:44322/TreeView/UpdateNode *@
 <div id='treeparent'>
-<ejs-treeview id="treedata" allowEditing="true" >
+    <ejs-treeview id="treedata" allowEditing="true">
         <e-treeview-fields dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>
-</ejs-treeview>
-<ejs-button id="button1" cssClass="e-primary inline-element right" content="Update node"></ejs-button>
-
-<div id="display"></div>
+    </ejs-treeview>
 </div>
+
+<ejs-button id="button1" cssClass="e-primary inline-element right" content="Update node"></ejs-button>
 <script>
-   var treeObj = document.getElementById('treedata').ej2_instances[0];
     document.getElementById("button1").addEventListener('click', function () {
+        var treeObj = document.getElementById('treedata').ej2_instances[0];
         // The node with id 4 is updated with new text from the TreeView control.
         treeObj.updateNode('4', 'Node updated');
     });
@@ -24,10 +24,4 @@
         border: 1px solid #dddddd;
         border-radius: 3px;
     }
-
-    #display {
-        max-width: 500px;
-        margin: auto;
-        padding: 10px;
-    }
 </style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs4/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs4/tagHelper
index 600e205b4d..6e7743744f 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs4/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs4/tagHelper
@@ -1,13 +1,14 @@
+
 <div id='treeparent'>
-<ejs-treeview id="treedata">
+    <ejs-treeview id="treedata">
         <e-treeview-fields dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>
-</ejs-treeview>
-<ejs-button id="button1" cssClass="e-primary inline-element right" content="Refresh node"></ejs-button>
-<div id="display"></div>
+    </ejs-treeview>
 </div>
+<ejs-button id="button1" cssClass="e-primary inline-element right" content="Refresh node"></ejs-button>
 <script>
-    var treeObj = document.getElementById('treedata').ej2_instances[0];
+    
     document.getElementById("button1").addEventListener('click', function () {
+        var treeObj = document.getElementById('treedata').ej2_instances[0];
         var nodeData = treeObj.getTreeData('4');
         //Update the name text for node having id 4.
         nodeData[0].name = 'Node refreshed';
@@ -27,9 +28,4 @@
         border-radius: 3px;
     }
 
-    #display {
-        max-width: 500px;
-        margin: auto;
-        padding: 10px;
-    }
 </style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs5/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs5/tagHelper
index b49d6a4ddc..53855d34c9 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs5/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs5/tagHelper
@@ -1,13 +1,14 @@
+
 <div id='treeparent'>
-<ejs-treeview id="treedata">
+    <ejs-treeview id="treedata">
         <e-treeview-fields dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>
-</ejs-treeview>
-<ejs-button id="button1" cssClass="e-primary inline-element right" content="Move node"></ejs-button>
-<div id="display"></div>
+    </ejs-treeview>
 </div>
+<ejs-button id="button1" cssClass="e-primary inline-element right" content="Move node"></ejs-button>
+
 <script>
-    var treeObj = document.getElementById('treedata').ej2_instances[0];
     document.getElementById("button1").addEventListener('click', function () {
+        var treeObj = document.getElementById('treedata').ej2_instances[0];
         // The node with id 2 is moved to the parent node with id 3 to the index of 1.
         treeObj.moveNodes(['2'], '3', 1);
     });
@@ -24,9 +25,4 @@
         border-radius: 3px;
     }
 
-    #display {
-        max-width: 500px;
-        margin: auto;
-        padding: 10px;
-    }
 </style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/ej1-api-migration.md b/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/ej1-api-migration.md
index a8fdd24712..ce6c4a10fe 100644
--- a/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/ej1-api-migration.md
+++ b/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/ej1-api-migration.md
@@ -1,16 +1,16 @@
 ---
 layout: post
-title: Ej1 Api Migration in ##Platform_Name## Treeview Component
-description: Learn here all about Ej1 Api Migration in Syncfusion ##Platform_Name## Treeview component of Syncfusion Essential JS 2 and more.
+title: Ej1 Api Migration in ##Platform_Name## TreeView Control
+description: Learn here all about Ej1 Api Migration in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
-control: Ej1 Api Migration
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
 # Migration from Essential<sup style="font-size:70%">&reg;</sup> JS 1
 
-This article describes the API migration process of TreeView component from Essential<sup style="font-size:70%">&reg;</sup> JS 1 to Essential<sup style="font-size:70%">&reg;</sup> JS 2.
+This article describes the API migration process of TreeView control from Essential<sup style="font-size:70%">&reg;</sup> JS 1 to Essential<sup style="font-size:70%">&reg;</sup> JS 2.
 
 ## Add nodes
 
@@ -31,10 +31,10 @@ This article describes the API migration process of TreeView component from Esse
 | Triggers before node is deleted | **Event:** *BeforeDelete*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.BeforeDelete("beforeDelete")))`<br />`function beforeDelete() {}` | Not Applicable |
 | Triggers before loading nodes | **Event:** *BeforeLoad*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.BeforeLoad("beforeLoad")))`<br />`function beforeLoad() {}` | Not Applicable |
 | Triggers before node is pasted | **Event:** *BeforePaste*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.BeforePaste("beforePaste")))`<br />`function beforePaste() {}` | Not Applicable |
-| Triggers when Treeview is created | **Event:** *Create*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.Create("create")))`<br />`function create() {}` | **Event:** *Created*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Created("onCreated").Render()`<br /><br />**Script**<br /><br />`function onCreated(args){}` |
+| Triggers when TreeView is created | **Event:** *Create*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.Create("create")))`<br />`function create() {}` | **Event:** *Created*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Created("onCreated").Render()`<br /><br />**Script**<br /><br />`function onCreated(args){}` |
 | Css class | **Property:** *CssClass*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).CssClass("custom"))` | **Property:** *CssClass*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).CssClass("custom").Render()` |
-| Triggers when Treeview is destroyed | **Event:** *Destroy*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.Destroy("destroy")))`<br />`function destroy() {}` | **Event:** *Destroyed*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Destroyed("onDestroy").Render()`<br /><br />**Script**<br /><br />`function onDestroy(args){}` |
-| Destroy Treeview control | **Method:** *destroy*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.destroy();` | **Method:** *destroy*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.destroy();` |
+| Triggers when TreeView is destroyed | **Event:** *Destroy*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.Destroy("destroy")))`<br />`function destroy() {}` | **Event:** *Destroyed*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Destroyed("onDestroy").Render()`<br /><br />**Script**<br /><br />`function onDestroy(args){}` |
+| Destroy TreeView control | **Method:** *destroy*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.destroy();` | **Method:** *destroy*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.destroy();` |
 | Disable Node | **Method:** *disableNode*<br /><br />@Html.EJ().TreeView("tree").TreeViewFields(field =><br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.disableNode($("#1"));` | **Method:** *disableNodes*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.disableNodes(["1", "2"]);` |
 | Enable Animation | **Property:** *EnableAnimation*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).EnableAnimation(false))` | **Property:** *Animation*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Animation(ViewBag.TreeViewNodeAnimation).Render()`<br /><br />**Controller**<br /><br />`TreeViewNodeAnimationSettings Animation = new TreeViewNodeAnimationSettings();`<br />`List<Object> expand = new List<object>();`<br />`expand.Add(new{`<br />`duration = 0`<br />`});`<br />`Animation.Expand = expand[0];`<br />`List<Object> collapse = new List<object>();`<br />`collapse.Add(new{`<br />`duration = 0`<br />`});`<br />`Animation.Collapse = collapse[0];`<br />`ViewBag.TreeViewNodeAnimation = Animation;` |
 | Control state | **Property:** *Enabled*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).Enabled(false))` | Not Applicable |
@@ -52,19 +52,19 @@ This article describes the API migration process of TreeView component from Esse
 | Get tree node text | **Method:** *getText*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.getText("1");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`var nodeText=instance.getNode("1")['text']` |
 | Get updated datasource | **Method:** *getTreeData*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.getTreeData();` | **Method:** *getTreeData*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.getTreeData();` |
 | Get visible nodes | **Method:** *getVisibleNodes*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.getVisibleNodes();` | Not Applicable |
-| Height of Treeview control | **Property:** *Height*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).Height("400px")` | **Can be achieved using,** <br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).CssClass("custom").Render()`<br />**Css**<br />`.e-treeview.custom{`<br />`height: 400px;`<br />`}` |
+| Height of TreeView control | **Property:** *Height*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).Height("400px")` | **Can be achieved using,** <br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).CssClass("custom").Render()`<br />**Css**<br />`.e-treeview.custom{`<br />`height: 400px;`<br />`}` |
 | Checking for child nodes | **Method:** *hasChildNode*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.hasChildNode("book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`var parent=instance.element.querySelector('[data-uid="book"]')`<br />`if (parent.querySelector('.e-list-item') !== null) {`<br />`console.log("Has child node")`<br />`}` |
 | Hide all nodes | **Method:** *hide*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.hide();` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`instance.element.querySelector('.e-list-parent').style.display="none"` |
 | Hide node | **Method:** *hideNode*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.hideNode("book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`instance.element.querySelector('[data-uid="book"]').style.display="none"` |
 | HTML Attributes | **Property:** *HtmlAttributes*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).HtmlAttributes(htmlAttr)`<br /><br />**Script**<br /><br />`@{`<br />`Dictionary<string, object> htmlAttr = new Dictionary<string, object>();`<br />`htmlAttr.Add("name", "treeView");`<br />`}` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var element= document.getElementById("tree");`<br />`element.classList.add("htmlAttr")` |
 | To check if child nodes are loaded | **Method:** *isChildLoaded*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.isChildLoaded("book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`var parent=instance.element.querySelector('[data-uid="book"]')`<br />`if (parent.querySelector('.e-list-item') !== null) {`<br />`console.log("Child is loaded")`<br />`}` |
 | To check if node is disabled | **Method:** *isDisabled*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.isDisabled("book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`var node=instance.element.querySelector('[data-uid="book"]')`<br />`if (node.classList.contains('e-disable') === true) {`<br />`console.log("Node is disabled")`<br />`}` |
-| To check if node exists in Treeview | **Method:** *isExist*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.isExist("book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`if (instance.getNode('book')['text']) !== "") {`<br />`console.log("Node exists")`<br />`}` |
+| To check if node exists in TreeView | **Method:** *isExist*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.isExist("book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`if (instance.getNode('book')['text']) !== "") {`<br />`console.log("Node exists")`<br />`}` |
 | To check if node is visible | **Method:** *isVisible*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.isVisible("book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`if (instance.element.querySelector('[data-uid="book"]').style.display !== "none"){`<br />`console.log("Node is visible")`<br />`}` |
 | Triggers on key press | **Event:** *KeyPress*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.KeyPress("keyPress"))`<br />`function keyPress() {}` | **Event:** *KeyPress*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).KeyPress("onKeyPress").Render()`<br /><br />**Script**<br /><br />`function onKeyPress(){}` |
-| Load Treeview nodes from particular URl | **Method:** *loadData*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.loadData("childData", "book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`TreeViewFieldsSettings data= new TreeViewFieldsSettings();`<br />`object dataManager = new DataManager {`<br />`Url = "/FileContent/rootNode",`<br />`Adaptor = "UrlAdaptor",`<br />`CrossDomain = true};`<br />`dataManager.executeQuery(new ej.data.Query().take(8).then((e) => { var childData = e.result;`<br />`instance.addNodes(childData, "book")`<br />`}));` |
+| Load TreeView nodes from particular URl | **Method:** *loadData*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.loadData("childData", "book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`TreeViewFieldsSettings data= new TreeViewFieldsSettings();`<br />`object dataManager = new DataManager {`<br />`Url = "/FileContent/rootNode",`<br />`Adaptor = "UrlAdaptor",`<br />`CrossDomain = true};`<br />`dataManager.executeQuery(new ej.data.Query().take(8).then((e) => { var childData = e.result;`<br />`instance.addNodes(childData, "book")`<br />`}));` |
 | Triggers when data load fails | **Event:** *LoadError*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.LoadError("loadError"))`<br />`function loadError() {}` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`TreeViewFieldsSettings data= new TreeViewFieldsSettings();`<br />`object dataManager = new DataManager {`<br />`Url = "/FileContent/rootNode",`<br />`Adaptor = "UrlAdaptor",`<br />`CrossDomain = true};`<br />`dataManager.executeQuery(new ej.data.Query().take(8).error((e) => {`<br />`console.log('Data loaded failed')`<br />`}));` |
-| Load on demand | **Property:** *LoadOnDemand*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).LoadOnDemand(true)` | **Property:** *LoadOnDemand*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).LoadOnDemand(true).Render()`**Treeview is rendered in load on demand by default** |
+| Load on demand | **Property:** *LoadOnDemand*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).LoadOnDemand(true)` | **Property:** *LoadOnDemand*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).LoadOnDemand(true).Render()`**TreeView is rendered in load on demand by default** |
 | Triggers when data load is success | **Event:** *LoadSuccess*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.LoadSuccess("loadSuccess"))`<br />`function loadSuccess() {}`<br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br/>`treeObj.loadData("childData", "book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`TreeViewFieldsSettings data= new TreeViewFieldsSettings();`<br />`object dataManager = new DataManager {`<br />`Url = "/FileContent/rootNode",`<br />`Adaptor = "UrlAdaptor",`<br />`CrossDomain = true};`<br />`dataManager.executeQuery(new ej.data.Query().take(8).then((e) => {`<br />`console.log('Data loaded successfully')`<br />`}));` |
 | To move node | **Method:** *moveNode*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.moveNode("book", "art");` | **Method:** *moveNodes*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.moveNodes("book", "art");` |
 | Triggers when node is clicked successfully | **Event:** *NodeClick*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.NodeClick("nodeClick"))`<br />`function nodeClick() {}` | **Event:** *NodeClicked*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).NodeClicked("onNodeClick").Render()`<br /><br />**Script**<br /><br />`function onNodeClick(){}` |
@@ -72,14 +72,14 @@ This article describes the API migration process of TreeView component from Esse
 | Triggers when node is deleted successfully | **Event:** *NodeDelete*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.NodeDelete("nodeDelete"))`<br />`function nodeDelete() {}` | **Event:** *DataSourceChanged*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).DataSourceChanged("DataSourceChanged").Render()`<br /><br />**Script**<br /><br />`function DataSourceChanged(args){}` |
 | Triggers when node is pasted successfully | **Event:** *NodePaste*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.NodePaste("nodePaste"))`<br />`function nodePaste() {}` | Not Applicable |
 | Triggers when nodes are loaded successfully | **Event:** *Ready*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br />`.ClientSideEvents(events =>events.Ready("onReady"))`<br />`function onReady() {}` | **Event:** *DataBound*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).DataBound("onDataBound").Render()`<br /><br />**Script**<br /><br />`function onDataBound(){}` |
-| Refresh Treeview control | **Method:** *refresh*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.refresh();` | Not Applicable |
+| Refresh TreeView control | **Method:** *refresh*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.refresh();` | Not Applicable |
 | To show all nodes | **Method:** *show*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.show();` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`instance.element.querySelector('.e-list-parent').style.display="block"` |
 | Show node | **Method:** *showNode*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.showNode("book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`instance.element.querySelector('[data-uid="book"]').style.display="block"` |
-| Remove all Treeview nodes | **Method:** *removeAll*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");<br />treeObj.removeAll();` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`instance.removeNodes([instance.element.querySelector('.e-list-parent')])` |
-| Remove Treeview node | **Method:** *removeNode*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.removeNode("book");` | **Method:** *removeNodes*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.removeNodes("book");` |
+| Remove all TreeView nodes | **Method:** *removeAll*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");<br />treeObj.removeAll();` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`instance.removeNodes([instance.element.querySelector('.e-list-parent')])` |
+| Remove TreeView node | **Method:** *removeNode*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.removeNode("book");` | **Method:** *removeNodes*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.removeNodes("book");` |
 | Sort order | **Property:** *SortSettings*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).SortSettings(s => s.AllowSorting(true).SortOrder(SortOrder.Descending))` | **Property:** *SortOrder*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).SortOrder(SortOrder.Descending).Render()` |
 | Update node text | **Method:** *updateText*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.updateText("book", "text");` | **Method:** *updateNode*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.updateNode("book", "text");` |
-| Width of Treeview control | **Property:** *Width*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).Width("300px")` | **Can be achieved using,** <br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).CssClass("custom").Render()`<br />**Css**<br />`.e-treeview.custom{`<br />`width: 300px;`<br />`}` |
+| Width of TreeView control | **Property:** *Width*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).Width("300px")` | **Can be achieved using,** <br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).CssClass("custom").Render()`<br />**Css**<br />`.e-treeview.custom{`<br />`width: 300px;`<br />`}` |
 
 ## CheckBox
 
@@ -105,7 +105,7 @@ This article describes the API migration process of TreeView component from Esse
 | Behavior | API in Essential<sup style="font-size:70%">&reg;</sup> JS 1 | API in Essential<sup style="font-size:70%">&reg;</sup> JS 2 |
 | --- | --- | --- |
 | Drag and drop | **Property:** *AllowDragAndDrop*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =><br />field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true)` | **Property:** *AllowDragAndDrop*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true)` |
-| Prevent Drag and drop to another Treeview | **Property:** *AllowDragAndDropAcrossControl*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true).AllowDragAndDropAcrossControl(false)` | **Can be achieved using,** <br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true).NodeDragStop("dragStop").Render()`<br /><br />**Script**<br /><br />`function dragStop(args){`<br />`if (args.draggedParentNode.closest('.e-treeview') !== args.dropTarget.closest('.e-treeview')) {`<br />`args.cancel = true;`<br />`}`<br />`}` |
+| Prevent Drag and drop to another TreeView | **Property:** *AllowDragAndDropAcrossControl*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true).AllowDragAndDropAcrossControl(false)` | **Can be achieved using,** <br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true).NodeDragStop("dragStop").Render()`<br /><br />**Script**<br /><br />`function dragStop(args){`<br />`if (args.draggedParentNode.closest('.e-treeview') !== args.dropTarget.closest('.e-treeview')) {`<br />`args.cancel = true;`<br />`}`<br />`}` |
 | Prevent sibling drop | **Property:** *AllowDropSibling*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true).AllowDropSibling(false)` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true).NodeDragStop("dragStop").Render()`<br /><br />**Script**<br /><br />`function dragStop(args){`<br />`if(args.dropIndicator === "e-drop-next") {`<br />`args.cancel = true;`<br />`}`<br />`}` |
 | Prevent child drop | **Property:** *AllowDropChild*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true).AllowDropChild(false)` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true).NodeDragStop("dragStop").Render()`<br /><br />**Script**<br /><br />`function dragStop(args){`<br />`if(args.dropIndicator === "e-drop-in") {`<br />`args.cancel = true;`<br />`}`<br />`}` |
 | Triggers when node is dragged | **Event:** *NodeDrag*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true)`<br />`.ClientSideEvents(events =>events.NodeDrag("nodeDrag"))`<br />`function nodeDrag() {}` | **Event:** *NodeDragging*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true).NodeDragging("nodeDrag").Render()`<br /><br />**Script**<br /><br />`function nodeDrag(){}` |
diff --git a/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/getting-started.md b/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/getting-started.md
index 5223d38e1d..66fb8abc31 100644
--- a/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/getting-started.md
+++ b/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/getting-started.md
@@ -1,9 +1,9 @@
 ---
 layout: post
-title: Getting Started with ##Platform_Name## Treeview Control | Syncfusion
-description: Checkout and learn about getting started with ##Platform_Name## Treeview control of Syncfusion Essential JS 2 and more details.
+title: Getting Started with ##Platform_Name## TreeView Control | Syncfusion
+description: Checkout and learn about getting started with ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more details.
 platform: ej2-asp-core-mvc
-control: Getting Started
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
diff --git a/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/ej1-api-migration.md b/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/ej1-api-migration.md
index 361f860198..47367a6b75 100644
--- a/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/ej1-api-migration.md
+++ b/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/ej1-api-migration.md
@@ -1,16 +1,16 @@
 ---
 layout: post
-title: Ej1 Api Migration in ##Platform_Name## Treeview Component
-description: Learn here all about Ej1 Api Migration in Syncfusion ##Platform_Name## Treeview component of Syncfusion Essential JS 2 and more.
+title: Ej1 Api Migration in ##Platform_Name## TreeView Control
+description: Learn here all about Ej1 Api Migration in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
-control: Ej1 Api Migration
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
 # Migration from Essential<sup style="font-size:70%">&reg;</sup> JS 1
 
-This article describes the API migration process of TreeView component from Essential<sup style="font-size:70%">&reg;</sup> JS 1 to Essential<sup style="font-size:70%">&reg;</sup> JS 2.
+This article describes the API migration process of TreeView control from Essential<sup style="font-size:70%">&reg;</sup> JS 1 to Essential<sup style="font-size:70%">&reg;</sup> JS 2.
 
 ## Add nodes
 
@@ -31,10 +31,10 @@ This article describes the API migration process of TreeView component from Esse
 | Triggers before node is deleted | **Event:** *before-delete*<br/><br/>`<ej-tree-view id="tree" before-delete="beforeDelete"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function beforeDelete(){}` | Not Applicable |
 | Triggers before loading nodes | **Event:** *before-load*<br/><br/>`<ej-tree-view id="tree" before-load="beforeLoad"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function beforeLoad(){}` | Not Applicable |
 | Triggers before node is pasted | **Event:** *before-paste*<br/><br/>`<ej-tree-view id="tree" before-paste="beforePaste"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function beforePaste(){}` | Not Applicable |
-| Triggers when Treeview is created | **Event:** *create*<br/><br/>`<ej-tree-view id="tree" create="onCreate"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function onCreate(){}` | **Event:** *created*<br/><br/>`<ejs-treeview id="tree" created="onCreated">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function onCreated(){}` |
+| Triggers when TreeView is created | **Event:** *create*<br/><br/>`<ej-tree-view id="tree" create="onCreate"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function onCreate(){}` | **Event:** *created*<br/><br/>`<ejs-treeview id="tree" created="onCreated">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function onCreated(){}` |
 | Css class | **Property:** *css-class*<br/><br/>`<ej-tree-view id="tree" css-class="custom"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>` | **Property:** *cssClass*<br/><br/>`<ejs-treeview id="tree" cssClass="custom">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>` |
-| Triggers when Treeview is destroyed | **Event:** *destroy*<br/><br/>`<ej-tree-view id="tree" destroy="onDestroy"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function onDestroy(){}` | **Event:** *destroyed*<br/><br/>`<ejs-treeview id="tree" destroyed="onDestroyed">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function onDestroyed(){}` |
-| Destroy Treeview control | **Method:** *destroy*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.destroy();` | **Method:** *destroy*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.destroy();` |
+| Triggers when TreeView is destroyed | **Event:** *destroy*<br/><br/>`<ej-tree-view id="tree" destroy="onDestroy"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function onDestroy(){}` | **Event:** *destroyed*<br/><br/>`<ejs-treeview id="tree" destroyed="onDestroyed">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function onDestroyed(){}` |
+| Destroy TreeView control | **Method:** *destroy*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.destroy();` | **Method:** *destroy*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.destroy();` |
 | Disable Node | **Method:** *disableNode*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.disableNode("1");` | **Method:** *disableNodes*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.disableNodes(["1", "2"]);` |
 | Enable Animation | **Property:** *enable-animation*<br/><br/>`<ej-tree-view id="tree" enable-animation=false><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>` | **Property:** *animation*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" animation="ViewBag.TreeViewNodeAnimation" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Controller**<br /><br />`TreeViewNodeAnimationSettings Animation = new TreeViewNodeAnimationSettings();`<br />`List<Object> expand = new List<object>();`<br />`expand.Add(new{`<br />`duration = 0`<br />`});`<br />`Animation.Expand = expand[0];`<br />`List<Object> collapse = new List<object>();`<br />`collapse.Add(new{`<br />`duration = 0`<br />`});`<br />`Animation.Collapse = collapse[0];`<br />`ViewBag.TreeViewNodeAnimation = Animation;` |
 | Control state | **Property:** *enabled*<br/><br/>`<ej-tree-view id="tree" enabled=false><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>` | Not Applicable |
@@ -52,19 +52,19 @@ This article describes the API migration process of TreeView component from Esse
 | Get tree node text | **Method:** *getText*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.getText("1");` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br />`var nodeText=instance.getNode("1")['text']` |
 | Get updated datasource | **Method:** *getTreeData*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.getTreeData();` | **Method:** *getTreeData*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.getTreeData();` |
 | Get visible nodes | **Method:** *getVisibleNodes*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.getVisibleNodes();` | Not Applicable |
-| Height of Treeview control | **Property:** *height*<br/><br/>`<ej-tree-view id="tree" height="400px"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>` | **Can be achieved using,** <br/><br/>`<ejs-treeview id="tree" cssClass="custom">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br/>**Css**<br/>`.e-treeview.custom{`<br/>`height: 400px;`<br/>} |
+| Height of TreeView control | **Property:** *height*<br/><br/>`<ej-tree-view id="tree" height="400px"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>` | **Can be achieved using,** <br/><br/>`<ejs-treeview id="tree" cssClass="custom">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br/>**Css**<br/>`.e-treeview.custom{`<br/>`height: 400px;`<br/>} |
 | Checking for child nodes | **Method:** *hasChildNode*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.hasChildNode("book");` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br/>`var parent=instance.element.querySelector('[data-uid="book"]')`<br/>`if (parent.querySelector('.e-list-item') !== null) {`<br/>`console.log("Has child node")`<br/>`}` |
 | Hide all nodes | **Method:** *hide*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.hide();` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br/>`instance.element.querySelector('.e-list-parent').style.display="none"` |
 | Hide node | **Method:** *hideNode*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.hideNode("book");` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br/>`instance.element.querySelector('[data-uid="book"]').style.display="none"` |
 | HTML Attributes | **Property:** *html-attributes*<br/><br/>`<ej-tree-view id="tree" html-attributes="htmlAttr"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`@{`<br />`Dictionary<string, object> htmlAttr = new Dictionary<string, object>();`<br />`htmlAttr.Add("name", "treeView");`<br />`}` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var element= document.getElementById("tree");`<br/>`element.classList.add("htmlAttr")` |
 | To check if child nodes are loaded | **Method:** *isChildLoaded*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.isChildLoaded("book");` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br/>`var parent=instance.element.querySelector('[data-uid="book"]')`<br/>`if (parent.querySelector('.e-list-item') !== null) {`<br/>`console.log("Child is loaded")`<br/>`}` |
 | To check if node is disabled | **Method:** *isDisabled*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.isDisabled("book");` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br/>`var node=instance.element.querySelector('[data-uid="book"]')`<br/>`if (node.classList.contains('e-disable') === true) {`<br/>`console.log("Node is disabled")`<br/>`}` |
-| To check if node exists in Treeview | **Method:** *isExist*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.isExist("book");` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`if (instance.getNode('book')['text']) !== "") {`<br />`console.log("Node exists")`<br />`}` |
+| To check if node exists in TreeView | **Method:** *isExist*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.isExist("book");` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`if (instance.getNode('book')['text']) !== "") {`<br />`console.log("Node exists")`<br />`}` |
 | To check if node is visible | **Method:** *isVisible*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.isVisible("book");` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br/>`if (instance.element.querySelector('[data-uid="book"]').style.display !== "none"){`<br/>`console.log("Node is visible")`<br/>`}` |
 | Triggers on key press | **Event:** *key-press*<br/><br/>`<ej-tree-view id="tree" key-press="keyPress"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function keyPress(){}` | **Event:** *keyPress*<br/><br/>`<ejs-treeview id="tree" keyPress="onKeyPress">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function onKeyPress(){}` |
-| Load Treeview nodes from particular URl | **Method:** *loadData*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.loadData("childData", "book");` | **Can be achieved using,**<br /><br />`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`TreeViewFieldsSettings data= new TreeViewFieldsSettings();`<br />`object dataManager = new DataManager {`<br />`Url = "/FileContent/rootNode",`<br />`Adaptor = "UrlAdaptor",`<br />`CrossDomain = true};`<br />`dataManager.executeQuery(new ej.data.Query().take(8).then((e) => { var childData = e.result;`<br />`instance.addNodes(childData, "book")`<br />`}));` |
+| Load TreeView nodes from particular URl | **Method:** *loadData*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.loadData("childData", "book");` | **Can be achieved using,**<br /><br />`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`TreeViewFieldsSettings data= new TreeViewFieldsSettings();`<br />`object dataManager = new DataManager {`<br />`Url = "/FileContent/rootNode",`<br />`Adaptor = "UrlAdaptor",`<br />`CrossDomain = true};`<br />`dataManager.executeQuery(new ej.data.Query().take(8).then((e) => { var childData = e.result;`<br />`instance.addNodes(childData, "book")`<br />`}));` |
 | Triggers when data load fails | **Event:** *load-error*<br/><br/>`<ej-tree-view id="tree" load-error="loadError"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function loadError(){}` | **Can be achieved using,**<br /><br />`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`TreeViewFieldsSettings data= new TreeViewFieldsSettings();`<br />`object dataManager = new DataManager {`<br />`Url = "/FileContent/rootNode",`<br />`Adaptor = "UrlAdaptor",`<br />`CrossDomain = true};`<br />`dataManager.executeQuery(new ej.data.Query().take(8).error((e) => {`<br />`console.log('Data loaded failed')`<br />`}));` |
-| Load on demand | **Property:** *load-on-demand*<br/><br/>`<ej-tree-view id="tree" load-on-demand=true><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>` | **Property:** *loadOnDemand*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" loadOnDemand=true id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`**Treeview is rendered in load on demand by default** |
+| Load on demand | **Property:** *load-on-demand*<br/><br/>`<ej-tree-view id="tree" load-on-demand=true><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>` | **Property:** *loadOnDemand*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" loadOnDemand=true id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`**TreeView is rendered in load on demand by default** |
 | Triggers when data load is success | **Event:** *load-success*<br/><br/>`<ej-tree-view id="tree" load-success="loadSuccess"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function loadSuccess(){}`<br/>`treeObj.loadData("childData", "book");` | **Can be achieved using,**<br /><br />`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`TreeViewFieldsSettings data= new TreeViewFieldsSettings();`<br />`object dataManager = new DataManager {`<br />`Url = "/FileContent/rootNode",`<br />`Adaptor = "UrlAdaptor",`<br />`CrossDomain = true};`<br />`dataManager.executeQuery(new ej.data.Query().take(8).then((e) => {`<br />`console.log('Data loaded successfully')`<br />`}));` |
 | To move node | **Method:** *moveNode*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.moveNode("book", "art");` | **Method:** *moveNodes*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.moveNodes(["book"], "art");` |
 | Triggers when node is clicked successfully | **Event:** *node-click*<br/><br/>`<ej-tree-view id="tree" node-click="nodeClick"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function nodeClick(){}` | **Event:** *nodeClicked*<br/><br/>`<ejs-treeview id="tree" nodeClicked="onNodeClicked">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function onNodeClicked(){}` |
@@ -72,14 +72,14 @@ This article describes the API migration process of TreeView component from Esse
 | Triggers when node is deleted successfully | **Event:** *node-delete*<br/><br/>`<ej-tree-view id="tree" node-delete="nodeDelete"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function nodeDelete(){}` | **Event:** *dataSourceChanged*<br/><br/>`<ejs-treeview id="tree" dataSourceChanged="dataSourceChanged">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function dataSourceChanged(){}` |
 | Triggers when node is pasted successfully | **Event:** *node-paste*<br/><br/>`<ej-tree-view id="tree" node-paste="nodePaste"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function nodePaste(){}` | Not Applicable |
 | Triggers when nodes are loaded successfully | **Event:** *ready*<br/><br/>`<ej-tree-view id="tree" ready="onReady"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function onReady(){}` | **Event:** *dataBound*<br/><br/>`<ejs-treeview id="tree" dataBound="onDataBound">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function onDataBound(){}` |
-| Refresh Treeview control | **Method:** *refresh*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.refresh();` | Not Applicable |
+| Refresh TreeView control | **Method:** *refresh*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.refresh();` | Not Applicable |
 | To show all nodes | **Method:** *show*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.show();` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br/>`instance.element.querySelector('.e-list-parent').style.display="block"` |
 | Show node | **Method:** *showNode*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.showNode("book");` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br/>`instance.element.querySelector('[data-uid="book"]').style.display="block"` |
-| Remove all Treeview nodes | **Method:** *removeAll*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.removeAll();` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br/>`instance.removeNodes([instance.element.querySelector('.e-list-parent')])` |
-| Remove Treeview node | **Method:** *removeNode*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.removeNode("book");` | **Method:** *removeNodes*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.removeNodes(["book"]);` |
+| Remove all TreeView nodes | **Method:** *removeAll*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.removeAll();` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br/><br/>**Script**<br/>`var instance= document.getElementById("tree").ej2_instances[0];`<br/>`instance.removeNodes([instance.element.querySelector('.e-list-parent')])` |
+| Remove TreeView node | **Method:** *removeNode*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.removeNode("book");` | **Method:** *removeNodes*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.removeNodes(["book"]);` |
 | Sort order | **Property:** *sort-settings*<br/><br/>$("#tree").ejTreeView({<br/>fields: {dataSource: treeData, id: "id", parentId: "pid", text: "name", hasChild: "hasChild"},<br/>sortSettings: { allowSorting: true, sortOrder: ej.sortOrder.Descending }<br/>}); | **Property:** *sortOrder*<br/><br/>`<ejs-treeview id="tree" sortOrder="Descending">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>` |
 | Update node text | **Method:** *updateText*<br/><br/>`<ej-tree-view id="tree"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`var treeObj = $(“#tree").data(“ejTreeView”);`<br />`treeObj.updateText("book", "text");` | **Method:** *updateNode*<br/><br/>`<ejs-treeview id="tree">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.updateNode("book", "text");` |
-| Width of Treeview control | **Property:** *width*<br/><br/>`<ej-tree-view id="tree" width="300px"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>` | **Can be achieved using,** <br/><br/>`<ejs-treeview id="tree" cssClass="custom">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br/>**Css**<br/>.e-treeview.custom{<br/>width: 300px;<br/>} |
+| Width of TreeView control | **Property:** *width*<br/><br/>`<ej-tree-view id="tree" width="300px"><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>` | **Can be achieved using,** <br/><br/>`<ejs-treeview id="tree" cssClass="custom">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br/>**Css**<br/>.e-treeview.custom{<br/>width: 300px;<br/>} |
 
 ## CheckBox
 
@@ -105,7 +105,7 @@ This article describes the API migration process of TreeView component from Esse
 | Behavior | API in Essential<sup style="font-size:70%">&reg;</sup> JS 1 | API in Essential<sup style="font-size:70%">&reg;</sup> JS 2 |
 | --- | --- | --- |
 | Drag and drop | **Property:** *allow-drag-and-drop*<br/><br/>`<ejs-treeview id="tree" allow-drag-and-drop=true>`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>` | **Property:** *allowDragAndDrop*<br/><br/>`<ejs-treeview id="tree" allowDragAndDrop=true>`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>` |
-| Prevent Drag and drop to another Treeview | **Property:** *allow-drag-and-drop-across-control*<br/><br/>`<ejs-treeview id="tree" allow-drag-and-drop=true allow-drag-and-drop-across-control=true>`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>` | **Can be achieved using,** <br/><br/>`<ejs-treeview id="tree" nodeDragStop="nodeDragStop" allowDragAndDrop=true>`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function nodeDragStop(args){`<br/>`if (args.draggedParentNode.closest('.e-treeview') !== args.dropTarget.closest('.e-treeview')) {`<br/>`args.cancel = true;`<br/>`}}` |
+| Prevent Drag and drop to another TreeView | **Property:** *allow-drag-and-drop-across-control*<br/><br/>`<ejs-treeview id="tree" allow-drag-and-drop=true allow-drag-and-drop-across-control=true>`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>` | **Can be achieved using,** <br/><br/>`<ejs-treeview id="tree" nodeDragStop="nodeDragStop" allowDragAndDrop=true>`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function nodeDragStop(args){`<br/>`if (args.draggedParentNode.closest('.e-treeview') !== args.dropTarget.closest('.e-treeview')) {`<br/>`args.cancel = true;`<br/>`}}` |
 | Prevent sibling drop | **Property:** *allow-drop-sibling*<br/><br/>`<ejs-treeview id="tree" allow-drag-and-drop=true allow-drop-sibling=false>`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree" node-drag-stop="nodeDragStop" allow-drag-and-drop=true><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function nodeDragStop(args){`<br/>`if(args.dropIndicator === "e-drop-next") {`<br/>`args.cancel = true;`<br/>`}`<br/>`}` |
 | Prevent child drop | **Property:** *allow-drop-child*<br/><br/>`<ejs-treeview id="tree" allow-drag-and-drop=true allow-drop-child=false>`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>` | **Can be achieved using,**<br/><br/>`<ej-tree-view id="tree" node-drag-stop="nodeDragStop" allow-drag-and-drop=true><br /><e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function nodeDragStop(args){`<br/>`if(args.dropIndicator === "e-drop-in") {`<br/>`args.cancel = true;`<br/>`}`<br/>`}` |
 | Triggers when node is dragged | **Event:** *node-drag*<br/><br/>`<ej-tree-view id="tree" node-drag="nodeDrag" allow-drag-and-drop=true>`<br />`<e-tree-view-fields datasource="@ViewBag.datasource" id="id" parent-id="pid" text="name"></e-tree-view-fields></ej-tree-view>`<br /><br />**Script**<br /><br />`function nodeDrag(){}` | **Event:** *nodeDragging*<br/><br/>`<ejs-treeview id="tree" allowDragAndDrop=true nodeDragging="nodeDragging">`<br />`<e-treeview-fields  dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded">`<br />`</e-treeview-fields></ejs-treeview>`<br /><br />**Script**<br />`function nodeDragging(){}` |
diff --git a/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/getting-started.md b/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/getting-started.md
index 59a9c258e4..160efa7926 100644
--- a/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/getting-started.md
+++ b/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/getting-started.md
@@ -3,7 +3,7 @@ layout: post
 title: Getting Started with ##Platform_Name## TreeView Control
 description: Checkout and learn about getting started with ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more details.
 platform: ej2-asp-core-mvc
-control: Getting Started
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
@@ -38,7 +38,7 @@ Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
 N> Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core controls are available in [nuget.org.](https://www.nuget.org/packages?q=syncfusion.EJ2) Refer to [NuGet packages topic](https://ej2.syncfusion.com/aspnetcore/documentation/nuget-packages) to learn more about installing NuGet packages in various OS environments. The Syncfusion.EJ2.AspNet.Core NuGet package has dependencies, [Newtonsoft.Json](https://www.nuget.org/packages/Newtonsoft.Json/) for JSON serialization and [Syncfusion.Licensing](https://www.nuget.org/packages/Syncfusion.Licensing/) for validating Syncfusion<sup style="font-size:70%">&reg;</sup> license key.
 
 ## Add Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Tag Helper
-Open `~/Pages/_ViewImports.cshtml` file and import the `Syncfusion.EJ2` TagHelper.
+Open **~/Pages/_ViewImports.cshtml** file and import the `Syncfusion.EJ2` TagHelper.
 
 {% tabs %}
 {% highlight C# tabtitle="~/_ViewImports.cshtml" %}
@@ -50,7 +50,7 @@ Open `~/Pages/_ViewImports.cshtml` file and import the `Syncfusion.EJ2` TagHelpe
 
 ## Add stylesheet and script resources
 
-Here, the theme and script is referred using CDN inside the `<head>` of `~/Pages/Shared/_Layout.cshtml` file as follows,
+Here, the theme and script is referred using CDN inside the `<head>` of **~/Pages/Shared/_Layout.cshtml** file as follows,
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -72,7 +72,7 @@ N> Checkout the [Adding Script Reference](https://ej2.syncfusion.com/aspnetcore/
 
 ## Register Syncfusion<sup style="font-size:70%">&reg;</sup> Script Manager
 
-Also, register the script manager `<ejs-script>` at the end of `<body>` in the ASP.NET Core application as follows.
+Also, register the script manager `<ejs-scripts>` at the end of `<body>` in the ASP.NET Core application as follows.
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -88,7 +88,7 @@ Also, register the script manager `<ejs-script>` at the end of `<body>` in the A
 
 ## Add ASP.NET Core TreeView control
 
-Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core TreeView tag helper in `~/Pages/Index.cshtml` page.
+Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core TreeView tag helper in **~/Pages/Index.cshtml** page.
 
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
diff --git a/ej2-asp-core-mvc/treeview/accessibility.md b/ej2-asp-core-mvc/treeview/accessibility.md
index 62c1c4f6ab..aadb146fbb 100644
--- a/ej2-asp-core-mvc/treeview/accessibility.md
+++ b/ej2-asp-core-mvc/treeview/accessibility.md
@@ -1,9 +1,9 @@
 ---
 layout: post
-title: Accessibility in ##Platform_Name## Treeview Component
-description: Learn here all about Accessibility in Syncfusion ##Platform_Name## Treeview component of Syncfusion Essential JS 2 and more.
+title: Accessibility in ##Platform_Name## TreeView Control
+description: Learn here all about Accessibility in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
-control: Accessibility
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
diff --git a/ej2-asp-core-mvc/treeview/check-box.md b/ej2-asp-core-mvc/treeview/check-box.md
index ddebabae5d..0db5cef245 100644
--- a/ej2-asp-core-mvc/treeview/check-box.md
+++ b/ej2-asp-core-mvc/treeview/check-box.md
@@ -1,9 +1,9 @@
 ---
 layout: post
-title: Check Box in ##Platform_Name## Treeview Component
-description: Learn here all about Check Box in Syncfusion ##Platform_Name## Treeview component of Syncfusion Essential JS 2 and more.
+title: Check Box in ##Platform_Name## TreeView Control
+description: Learn here all about Check Box in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
-control: Check Box
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
diff --git a/ej2-asp-core-mvc/treeview/data-binding.md b/ej2-asp-core-mvc/treeview/data-binding.md
index cd35bc209b..88ca5ad098 100644
--- a/ej2-asp-core-mvc/treeview/data-binding.md
+++ b/ej2-asp-core-mvc/treeview/data-binding.md
@@ -1,15 +1,15 @@
 ---
 layout: post
-title: Data Binding in ##Platform_Name## Treeview Control | Syncfusion
-description: Learn here all about Data Binding in Syncfusion ##Platform_Name## Treeview component of Syncfusion Essential JS 2 and more.
+title: Data Binding in ##Platform_Name## TreeView Control | Syncfusion
+description: Learn here all about Data Binding in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
-control: Data Binding
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
 
-# Data Binding in Treeview Control
+# Data Binding in TreeView Control
 
 The TreeView control provides the option to load data either from local data sources or from remote data services. This can be done through `dataSource` property that is a member of the [fields](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~Fields.html) property. The `dataSource` property supports array of JavaScript objects and `DataManager`. It also supports different kinds of data services such as OData, OData V4, Web API, URL, and JSON with the help of `DataManager` adaptors.
 
@@ -62,7 +62,7 @@ In the following example, **code**, **name**, and **countries** columns from hie
 
 TreeView can be populated from self-referential data structure that contains array of JSON objects with `parentID` mapping. 
 
-You can directly assign self-referential data to the `dataSource` property, and map all the field members with corresponding keys from self-referential data to [fields](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~Fields.html) property. 
+You can directly assign self-referential data to the [dataSource](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeViewFieldsSettings~DataSource.html) property, and map all the field members with corresponding keys from self-referential data to [fields](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~Fields.html) property. 
 
 To render the root level nodes, specify the parentID as null or no need to specify the parentID in `dataSource`.
 
diff --git a/ej2-asp-core-mvc/treeview/drag-and-drop.md b/ej2-asp-core-mvc/treeview/drag-and-drop.md
index 70988844f5..c12045dfe9 100644
--- a/ej2-asp-core-mvc/treeview/drag-and-drop.md
+++ b/ej2-asp-core-mvc/treeview/drag-and-drop.md
@@ -1,9 +1,9 @@
 ---
 layout: post
-title: Drag And Drop in ##Platform_Name## Treeview Component
-description: Learn here all about Drag And Drop in Syncfusion ##Platform_Name## Treeview component of Syncfusion Essential JS 2 and more.
+title: Drag And Drop in ##Platform_Name## TreeView Control
+description: Learn here all about Drag And Drop in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
-control: Drag And Drop
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
@@ -62,7 +62,7 @@ Output be like the below.
 
 ## Multiple-node drag and drop
 
-To drag and drop more than one node, you should enable the [allowMultiSelection](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowMultiSelection.html) property along with the `allowDragAndDrop` property. 
+To drag and drop more than one node, you should enable the [allowMultiSelection](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowMultiSelection.html) property along with the [allowDragAndDrop](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowDragAndDrop.html) property. 
 
 To perform multi-selection, press and hold **CTRL** key and click the desired nodes. To select range of nodes, press and hold the **SHIFT** key and click the nodes. 
 
diff --git a/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md b/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
index 006d9ef65f..4b7222963d 100644
--- a/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
+++ b/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
@@ -1,16 +1,16 @@
 ---
 layout: post
-title: Check Uncheck The Checkbox On Clicking The Tree Node Text in ##Platform_Name## Treeview Component
-description: Learn here all about Check Uncheck The Checkbox On Clicking The Tree Node Text in Syncfusion ##Platform_Name## Treeview component of syncfusion and more.
+title: Check Uncheck The Checkbox On Clicking The Tree Node Text in ##Platform_Name## TreeView Control
+description: Learn here all about Check Uncheck The Checkbox On Clicking The Tree Node Text in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
-control: Check Uncheck The Checkbox On Clicking The Tree Node Text
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
 # Check/uncheck the checkbox on clicking the tree node text
 
-You can check and uncheck the checkboxes of tree view by clicking the tree node using the `nodeClicked` event of TreeView.
+You can check and uncheck the checkboxes of tree view by clicking the tree node using the [`nodeClicked`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeClicked) event of TreeView.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
diff --git a/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md b/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
index 7397d79808..01f36e3153 100644
--- a/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
+++ b/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
@@ -1,9 +1,9 @@
 ---
 layout: post
-title: Customize The Expand And Collapse Icons in ##Platform_Name## Treeview Component
-description: Learn here all about Customize The Expand And Collapse Icons in Syncfusion ##Platform_Name## Treeview component of syncfusion and more.
+title: Customize The Expand And Collapse Icons in ##Platform_Name## TreeView Control
+description: Learn here all about Customize The Expand And Collapse Icons in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
-control: Customize The Expand And Collapse Icons
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
diff --git a/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md b/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
index d2ce585d1e..7943d0e89d 100644
--- a/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
+++ b/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
@@ -1,16 +1,16 @@
 ---
 layout: post
-title: Customize The Tree Nodes Based On Levels in ##Platform_Name## Treeview Component
-description: Learn here all about Customize The Tree Nodes Based On Levels in Syncfusion ##Platform_Name## Treeview component of syncfusion and more.
+title: Customize The Tree Nodes Based On Levels in ##Platform_Name## TreeView Control
+description: Learn here all about Customize The Tree Nodes Based On Levels in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
-control: Customize The Tree Nodes Based On Levels
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
 # Customize the tree nodes based on levels
 
-You can customize the tree nodes level wise by adding custom cssClass to the control and enabling styles.
+You can customize the tree nodes level wise by adding custom [`cssClass`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~CssClass.html) to the control and enabling styles.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
diff --git a/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md b/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
index 9bfafdfc43..5684e61d0a 100644
--- a/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
+++ b/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
@@ -1,18 +1,18 @@
 ---
 layout: post
-title: Process The Tree Node Operations Using Context Menu in ##Platform_Name## Treeview Component
-description: Learn here all about Process The Tree Node Operations Using Context Menu in Syncfusion ##Platform_Name## Treeview component of syncfusion and more.
+title: Process The Tree Node Operations Using Context Menu in ##Platform_Name## TreeView Control
+description: Learn here all about Process The Tree Node Operations Using Context Menu in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
-control: Process The Tree Node Operations Using Context Menu
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
 # Process the tree node operations using context menu
 
-You can integrate the context menu with 'TreeView' control in order to perform the tree view related operations like add, remove and renaming node. 
+You can integrate the context menu with '**TreeView**' control in order to perform the tree view related operations like add, remove and renaming node. 
 
-Following is an example which demonstrates the above cases which are used to manipulate tree view operations in the 'select ' event of context menu.
+Following is an example which demonstrates the above cases which are used to manipulate tree view operations in the **select** event of context menu.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
diff --git a/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md b/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
index 2f11613803..5c1318172f 100644
--- a/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
+++ b/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
@@ -1,16 +1,16 @@
 ---
 layout: post
-title: Restrict The Drag And Drop For Particular Tree Nodes in ##Platform_Name## Treeview Component
-description: Learn here all about Restrict The Drag And Drop For Particular Tree Nodes in Syncfusion ##Platform_Name## Treeview component of syncfusion and more.
+title: Restrict The Drag And Drop For Particular Tree Nodes in ##Platform_Name## TreeView Control
+description: Learn here all about Restrict The Drag And Drop For Particular Tree Nodes in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
-control: Restrict The Drag And Drop For Particular Tree Nodes
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
 # Restrict the drag-and-drop for particular tree nodes
 
-You can able to restrict to drag and drop files under folder only. These can be achieved by using 'nodeDragStop' and 'nodeDragging' event of TreeView.
+You can able to restrict to drag and drop files under folder only. These can be achieved by using [`nodeDragStop`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeDragStop) and [`nodeDragging`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeDragging) event of TreeView.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
diff --git a/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md b/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
index cc470b1765..f113de0816 100644
--- a/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
+++ b/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
@@ -1,16 +1,16 @@
 ---
 layout: post
-title: Validate The Text When Renaming The Tree Node in ##Platform_Name## Treeview Component
-description: Learn here all about Validate The Text When Renaming The Tree Node in Syncfusion ##Platform_Name## Treeview component of syncfusion and more.
+title: Validate The Text When Renaming The Tree Node in ##Platform_Name## TreeView Control
+description: Learn here all about Validate The Text When Renaming The Tree Node in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
-control: Validate The Text When Renaming The Tree Node
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
 # Validate the text when renaming the tree node
 
-You can validate the tree node text while editing using `nodeEdited` event of the TreeView. Following is an example that shows how to validate and prevent empty values in tree node.
+You can validate the tree node text while editing using [`nodeEdited`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeEdited) event of the TreeView. Following is an example that shows how to validate and prevent empty values in tree node.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
diff --git a/ej2-asp-core-mvc/treeview/multiple-selection.md b/ej2-asp-core-mvc/treeview/multiple-selection.md
index 1a613ef2b7..9ecfd48930 100644
--- a/ej2-asp-core-mvc/treeview/multiple-selection.md
+++ b/ej2-asp-core-mvc/treeview/multiple-selection.md
@@ -1,9 +1,9 @@
 ---
 layout: post
-title: Multiple Selection in ##Platform_Name## Treeview Control | Syncfusion
-description: Learn here all about Multiple Selection in Syncfusion ##Platform_Name## Treeview component of Syncfusion Essential JS 2 and more.
+title: Multiple Selection in ##Platform_Name## TreeView Control | Syncfusion
+description: Learn here all about Multiple Selection in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
-control: Multiple Selection
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
diff --git a/ej2-asp-core-mvc/treeview/node-editing.md b/ej2-asp-core-mvc/treeview/node-editing.md
index 5c885a5669..0fd3dcc802 100644
--- a/ej2-asp-core-mvc/treeview/node-editing.md
+++ b/ej2-asp-core-mvc/treeview/node-editing.md
@@ -1,15 +1,15 @@
 ---
 layout: post
-title: Node Editing in ##Platform_Name## Treeview Control | Syncfusion
-description: Learn here all about Node Editing in Syncfusion ##Platform_Name## Treeview component of Syncfusion Essential JS 2 and more.
+title: Node Editing in ##Platform_Name## TreeView Control | Syncfusion
+description: Learn here all about Node Editing in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
-control: Node Editing
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
 
-# Node Editing in Treeview Control
+# Node Editing in TreeView Control
 
 The TreeView allows you to edit nodes by setting the [allowEditing](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowEditing.html) property to **true**. To directly edit the nodes in place, **double click** the TreeView node or **select** the node and press **F2** key.
 
diff --git a/ej2-asp-core-mvc/treeview/overview.md b/ej2-asp-core-mvc/treeview/overview.md
index 301ca52607..6868446f0a 100644
--- a/ej2-asp-core-mvc/treeview/overview.md
+++ b/ej2-asp-core-mvc/treeview/overview.md
@@ -1,9 +1,9 @@
 ---
 layout: post
-title: Overview in ##Platform_Name## Treeview Component
-description: Learn here all about Overview in Syncfusion ##Platform_Name## Treeview component of Syncfusion Essential JS 2 and more.
+title: Overview in ##Platform_Name## TreeView Control
+description: Learn here all about Overview in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
-control: Index
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
diff --git a/ej2-asp-core-mvc/treeview/template.md b/ej2-asp-core-mvc/treeview/template.md
index 776a289f0a..c616b8ed85 100644
--- a/ej2-asp-core-mvc/treeview/template.md
+++ b/ej2-asp-core-mvc/treeview/template.md
@@ -1,9 +1,9 @@
 ---
 layout: post
-title: Template in ##Platform_Name## Treeview Component
-description: Learn here all about Template in Syncfusion ##Platform_Name## Treeview component of Syncfusion Essential JS 2 and more.
+title: Template in ##Platform_Name## TreeView Control
+description: Learn here all about Template in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
-control: Template
+control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---

From fcbc9fde53a63307834166b1043267377d0b4a24 Mon Sep 17 00:00:00 2001
From: suba-1997 <subalakshmi.r@syncfusion.com>
Date: Wed, 29 Jan 2025 16:02:41 +0530
Subject: [PATCH 3/7] 934883: Test and resolve issues in UG all sections - ASP
 core TreeView control.

---
 .../binding-data/self-referential/tagHelper   | 177 +++---------------
 ej2-asp-core-mvc/treeview/check-box.md        |  10 +-
 ej2-asp-core-mvc/treeview/data-binding.md     |  10 +-
 ej2-asp-core-mvc/treeview/drag-and-drop.md    |  14 +-
 ...checkbox-on-clicking-the-tree-node-text.md |  10 +-
 ...customize-the-expand-and-collapse-icons.md |   9 +-
 ...ustomize-the-tree-nodes-based-on-levels.md |   8 +-
 .../treeview/how-to/manipulating-nodes.md     |  16 +-
 ...tree-node-operations-using-context-menu.md |  12 +-
 ...drag-and-drop-for-particular-tree-nodes.md |   8 +-
 ...te-the-text-when-renaming-the-tree-node.md |   8 +-
 .../treeview/multiple-selection.md            |   6 +-
 ej2-asp-core-mvc/treeview/node-editing.md     |   8 +-
 ej2-asp-core-mvc/treeview/template.md         |   6 +-
 14 files changed, 88 insertions(+), 214 deletions(-)

diff --git a/ej2-asp-core-mvc/code-snippet/treeview/binding-data/self-referential/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/binding-data/self-referential/tagHelper
index f70476a297..3135e91ae6 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/binding-data/self-referential/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/binding-data/self-referential/tagHelper
@@ -1,156 +1,31 @@
 @{
     .....
-    List<object> listdata = new List<object>();
-    listdata.Add(new
-    {
-        id = 1,
-        name = "Australia",
-        hasChild = true,
-        expanded = true
-    });
-    listdata.Add(new
-    {
-        id = 2,
-        pid = 1,
-        name = "New South Wales",
-
-    });
-    listdata.Add(new
-    {
-        id = 3,
-        pid = 1,
-        name = "Victoria"
-    });
-
-    listdata.Add(new
-    {
-        id = 4,
-        pid = 1,
-        name = "South Australia"
-    });
-    listdata.Add(new
-    {
-        id = 6,
-        pid = 1,
-        name = "Western Australia",
-
-    });
-    listdata.Add(new
-    {
-        id = 7,
-        name = "Brazil",
-        hasChild = true
-    });
-    listdata.Add(new
-    {
-        id = 8,
-        pid = 7,
-        name = "Paraná"
-    });
-    listdata.Add(new
-    {
-        id = 9,
-        pid = 7,
-        name = "Ceará"
-    });
-    listdata.Add(new
-    {
-        id = 10,
-        pid = 7,
-        name = "Acre"
-    });
-    listdata.Add(new
-    {
-        id = 11,
-        name = "China",
-        hasChild = true
-    });
-    listdata.Add(new
-    {
-        id = 12,
-        pid = 11,
-        name = "Guangzhou"
-    });
-    listdata.Add(new
-    {
-        id = 13,
-        pid = 11,
-        name = "Shanghai"
-    });
-    listdata.Add(new
-    {
-        id = 14,
-        pid = 11,
-        name = "Beijing"
-    });
-    listdata.Add(new
-    {
-        id = 15,
-        pid = 11,
-        name = "Shantou"
-
-    });
-    listdata.Add(new
-    {
-        id = 16,
-        name = "France",
-        hasChild = true
-
-    });
-    listdata.Add(new
-    {
-        id = 17,
-        pid = 16,
-        name = "Pays de la Loire"
-
-    });
-    listdata.Add(new
-    {
-        id = 18,
-        pid = 16,
-        name = "Aquitaine"
-
-    });
-    listdata.Add(new
-    {
-        id = 19,
-        pid = 16,
-        name = "Brittany"
-
-    });
-    listdata.Add(new
-    {
-        id = 20,
-        pid = 16,
-        name = "Lorraine"
-    });
-    listdata.Add(new
-    {
-        id = 21,
-        name = "India",
-        hasChild = true
-
-    });
-    listdata.Add(new
-    {
-        id = 22,
-        pid = 21,
-        name = "Assam"
-
-    });
-    listdata.Add(new
-    {
-        id = 23,
-        pid = 21,
-        name = "Bihar"
-    });
-    listdata.Add(new
-    {
-        id = 24,
-        pid = 21,
-        name = "Tamil Nadu"
-
-    });
+    List<object> listdata = new List<object>
+    {
+        new { id = 1, name = "Australia", hasChild = true, expanded = true },
+        new { id = 2, pid = 1, name = "New South Wales" },
+        new { id = 3, pid = 1, name = "Victoria" },
+        new { id = 4, pid = 1, name = "South Australia" },
+        new { id = 6, pid = 1, name = "Western Australia" },
+        new { id = 7, name = "Brazil", hasChild = true },
+        new { id = 8, pid = 7, name = "Paraná" },
+        new { id = 9, pid = 7, name = "Ceará" },
+        new { id = 10, pid = 7, name = "Acre" },
+        new { id = 11, name = "China", hasChild = true },
+        new { id = 12, pid = 11, name = "Guangzhou" },
+        new { id = 13, pid = 11, name = "Shanghai" },
+        new { id = 14, pid = 11, name = "Beijing" },
+        new { id = 15, pid = 11, name = "Shantou" },
+        new { id = 16, name = "France", hasChild = true },
+        new { id = 17, pid = 16, name = "Pays de la Loire" },
+        new { id = 18, pid = 16, name = "Aquitaine" },
+        new { id = 19, pid = 16, name = "Brittany" },
+        new { id = 20, pid = 16, name = "Lorraine" },
+        new { id = 21, name = "India", hasChild = true },
+        new { id = 22, pid = 21, name = "Assam" },
+        new { id = 23, pid = 21, name = "Bihar" },
+        new { id = 24, pid = 21, name = "Tamil Nadu" }
+    };
 }
 <ejs-treeview id="listdata">
     <e-treeview-fields  dataSource="listdata" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>
diff --git a/ej2-asp-core-mvc/treeview/check-box.md b/ej2-asp-core-mvc/treeview/check-box.md
index 0db5cef245..5a0661745b 100644
--- a/ej2-asp-core-mvc/treeview/check-box.md
+++ b/ej2-asp-core-mvc/treeview/check-box.md
@@ -11,7 +11,7 @@ documentation: ug
 
 # CheckBox
 
-The TreeView control allows you to check more than one node in TreeView without affecting the UI's appearance by enabling the [showCheckBox](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~ShowCheckBox.html) property. When this property is enabled, checkbox appears before each TreeView node text.
+The TreeView control allows you to check more than one node in the TreeView without affecting the UI's appearance by enabling the [showCheckBox](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~ShowCheckBox.html) property. When this property is enabled, checkbox appears before each TreeView node text.
 
 * If one of the child nodes is not in a checked state, then the parent node will be in an intermediate state.
 
@@ -19,7 +19,7 @@ The TreeView control allows you to check more than one node in TreeView without
 
 * If a parent node is checked, then all the child nodes' state will also be checked.
 
-By default, the checkbox state of parent and child nodes are dependent on each other. If you need independent checked state, you can achieve it using the [`autoCheck`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AutoCheck.html) property.
+By default, the checkbox state of parent and child nodes are dependent on each other. If you need independent checked states, you can achieve this using the [`autoCheck`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AutoCheck.html) property.
 
 Using the [`checkedNodes`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~CheckedNodes.html) property, you can set the nodes that need to be checked or get the ID of nodes that are currently checked in the TreeView control.
 
@@ -52,15 +52,15 @@ In the following example, the `showCheckBox` property is enabled.
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](./images/checkbox.PNG)
 
 ## Checked nodes
 
-You can get or set the checked nodes in TreeView at initial rendering and dynamically by using the [checkedNodes](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~CheckedNodes.html) property. It returns the checked nodes' ID as an array.
+You can get or set the checked nodes in the TreeView at initial rendering and dynamically by using the [checkedNodes](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~CheckedNodes.html) property. It returns the checked nodes' ID as an array.
 
-In the following example, the **New South Wales** and **Western Australia** nodes are checked at initial rendering. If any more nodes are checked, the checked nodes' IDs will be displayed in alert.
+In the following example, the **New South Wales** and **Western Australia** nodes are checked at initial rendering. If any additional nodes are checked, the IDs of all checked nodes will be displayed in an alert.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
diff --git a/ej2-asp-core-mvc/treeview/data-binding.md b/ej2-asp-core-mvc/treeview/data-binding.md
index 88ca5ad098..56840b9a13 100644
--- a/ej2-asp-core-mvc/treeview/data-binding.md
+++ b/ej2-asp-core-mvc/treeview/data-binding.md
@@ -11,17 +11,17 @@ documentation: ug
 
 # Data Binding in TreeView Control
 
-The TreeView control provides the option to load data either from local data sources or from remote data services. This can be done through `dataSource` property that is a member of the [fields](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~Fields.html) property. The `dataSource` property supports array of JavaScript objects and `DataManager`. It also supports different kinds of data services such as OData, OData V4, Web API, URL, and JSON with the help of `DataManager` adaptors.
+The TreeView control provides the option to load data either from local data sources or from remote data services. This can be done through the `dataSource` property that is a member of the [fields](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~Fields.html) property. The `dataSource` property supports array of JavaScript objects and `DataManager`. It also supports different kinds of data services such as OData, OData V4, Web API, URL, and JSON with the help of `DataManager` adaptors.
 
-TreeView has `load on demand` (Lazy load), by default. It reduces the bandwidth size when consuming huge data. It loads first level nodes initially, and when parent node is expanded,  loads the child nodes based on the `parentID/child` member.
+TreeView has `load on demand` (Lazy load) enabled by default. It reduces the bandwidth size when consuming huge data. It initially loads first-level nodes, and when a parent node is expanded, it loads the child nodes based on the `parentID/child` member.
 
-By default, the `loadOnDemand` is set to true. By disabling this property, all the tree nodes are rendered at the beginning itself. 
+By default, the `loadOnDemand` is set to true. By disabling this property, all the tree nodes are rendered at the beginning.
 
 You can use the [`dataBound`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~DataBound.html) event to perform actions. This event will be triggered once the data source is populated in the TreeView.
 
 ## Local data
 
-To bind local data to the TreeView, you can assign a JavaScript object array to the [dataSource](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeViewFieldsSettings~DataSource.html) property. The TreeView control requires three  fields (ID, text, and parentID) to render local data source. When mapper fields are not specified, it takes the default values as the mapping fields. Local data source can also be provided as an instance of the `DataManager`. It supports two kinds of local data binding methods.
+To bind local data to the TreeView, you can assign a JavaScript object array to the [dataSource](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeViewFieldsSettings~DataSource.html) property. The TreeView control requires three fields (**ID**, **text**, and **parentID**) to render a local data source. When mapper fields are not specified, it takes the default values as the mapping fields. Local data source can also be provided as an instance of the `DataManager`. It supports two kinds of local data binding methods.
 
 * Hierarchical data
 
@@ -92,7 +92,7 @@ In the following example, **id**, **pid**, **hasChild**, and **name** columns fr
 
 ## Remote data
 
-TreeView can also be populated from a remote data service with the help of `DataManager` control and `Query` property. 
+TreeView can also be populated from a remote data service with the help of the `DataManager` control and `Query` property. 
 
 It supports different kinds of data services such as OData, OData V4, Web API, URL, and JSON with the help of `DataManager` adaptors. 
 
diff --git a/ej2-asp-core-mvc/treeview/drag-and-drop.md b/ej2-asp-core-mvc/treeview/drag-and-drop.md
index c12045dfe9..b4facc17ed 100644
--- a/ej2-asp-core-mvc/treeview/drag-and-drop.md
+++ b/ej2-asp-core-mvc/treeview/drag-and-drop.md
@@ -11,7 +11,7 @@ documentation: ug
 
 # Drag and Drop
 
-The TreeView control allows you to drag and drop any node by setting [allowDragAndDrop](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowDragAndDrop.html)&nbsp;to **true**. Nodes can be dragged and dropped at all levels of the same TreeView. 
+The TreeView control allows you to drag and drop any node by setting the [allowDragAndDrop](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowDragAndDrop.html) to **true**. Nodes can be dragged and dropped at all levels of the same TreeView. 
 
 The dragged nodes can be dropped at any level by indicator lines with **line**, **plus/minus**, and **restrict** icons. It represents the exact position where the node is to be dropped as sibling or child.
 
@@ -21,9 +21,9 @@ The following table explains the usage of indicator icons.
 |------|-------------|
 | Plus icon | Indicates that the dragged node is to be added as child of target node. |
 | Minus or restrict icon |Indicates that the dragged node is not to be dropped at the hovered region. |
-| In between icon | Indicates that the dragged node is to be added as siblings of hovered region. |
+| In-between icon | Indicates that the dragged node is to be added as siblings of hovered region. |
 
-* If you need to prevent dragging action for a particular node, the [`nodeDragStart`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~NodeDragStart.html) event can be used which is triggered when the node drag is started. If you need to prevent dropping action for a particular node, the [`nodeDragStop`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Navigations.TreeView.html#Syncfusion_EJ2_Navigations_TreeView_NodeDragStop) event can be used which is triggered when the drag is stopped.
+* To prevent dragging action for a particular node, you can use the [`nodeDragStart`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~NodeDragStart.html) event, which is triggered when the node drag is started. If you need to prevent dropping action for a particular node, the [`nodeDragStop`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Navigations.TreeView.html#Syncfusion_EJ2_Navigations_TreeView_NodeDragStop) event can be used which is triggered when the drag is stopped.
 
 * The [`nodeDragging`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~NodeDragging.html) event is triggered when the TreeView node is being dragged. You can customize the cloned element in this event.
 
@@ -56,15 +56,15 @@ In the following sample, the [allowDragAndDrop](https://help.syncfusion.com/cr/a
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](./images/dragdrop.PNG)
 
 ## Multiple-node drag and drop
 
-To drag and drop more than one node, you should enable the [allowMultiSelection](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowMultiSelection.html) property along with the [allowDragAndDrop](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowDragAndDrop.html) property. 
+To drag and drop more than one node, you should enable both the [allowMultiSelection](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowMultiSelection.html) and [allowDragAndDrop](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowDragAndDrop.html) properties. 
 
-To perform multi-selection, press and hold **CTRL** key and click the desired nodes. To select range of nodes, press and hold the **SHIFT** key and click the nodes. 
+To perform multi-selection, press and hold **CTRL** key and click the desired nodes. To select a range of nodes, press and hold the **SHIFT** key and click the nodes. 
 
 In the following sample,  the `allowMultiSelection` property is  enabled along with the `allowDragAndDrop` property.
 
@@ -93,7 +93,7 @@ In the following sample,  the `allowMultiSelection` property is  enabled along w
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](./images/multidrag.PNG)
 
diff --git a/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md b/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
index 4b7222963d..9da27a24a4 100644
--- a/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
+++ b/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
@@ -1,16 +1,16 @@
 ---
 layout: post
-title: Check Uncheck The Checkbox On Clicking The Tree Node Text in ##Platform_Name## TreeView Control
-description: Learn here all about Check Uncheck The Checkbox On Clicking The Tree Node Text in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
+title: Check/Uncheck The Checkbox On Clicking The Tree Node Text in ##Platform_Name## TreeView Control
+description: Learn here all about Check/Uncheck The Checkbox On Clicking The Tree Node Text in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
-# Check/uncheck the checkbox on clicking the tree node text
+# Check/Uncheck the checkbox on clicking the tree node text
 
-You can check and uncheck the checkboxes of tree view by clicking the tree node using the [`nodeClicked`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeClicked) event of TreeView.
+You can check and uncheck the checkboxes of TreeView by clicking the tree node using the [`nodeClicked`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeClicked) event of TreeView.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -37,6 +37,6 @@ You can check and uncheck the checkboxes of tree view by clicking the tree node
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/node-check.PNG)
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md b/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
index 01f36e3153..cb1b02b872 100644
--- a/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
+++ b/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Customize The Expand And Collapse Icons in ##Platform_Name## TreeView Control
-description: Learn here all about Customize The Expand And Collapse Icons in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
+title: Customize the Expand And Collapse Icons in ##Platform_Name## TreeView Control
+description: Learn here all about Customize the Expand And Collapse Icons in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
 publishingplatform: ##Platform_Name##
@@ -10,8 +10,7 @@ documentation: ug
 
 # Customize the expand and collapse icons
 
-You can customize TreeView expand and collapse icons by using the [`cssClass`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~CssClass.html)&nbsp;property of TreeView.
-Refer to the sample to customize expand/collapse icons.
+You can customize the TreeView's expand and collapse icons by using the [`cssClass`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~CssClass.html) property of TreeView. Refer to the following sample to see how to customize expand/collapse icons.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -38,6 +37,6 @@ Refer to the sample to customize expand/collapse icons.
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/customise.PNG)
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md b/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
index 7943d0e89d..ed3ba7f6fa 100644
--- a/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
+++ b/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Customize The Tree Nodes Based On Levels in ##Platform_Name## TreeView Control
-description: Learn here all about Customize The Tree Nodes Based On Levels in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
+title: Customize the Tree Nodes Based On Levels in ##Platform_Name## TreeView Control
+description: Learn here all about Customize the Tree Nodes Based On Levels in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
 publishingplatform: ##Platform_Name##
@@ -10,7 +10,7 @@ documentation: ug
 
 # Customize the tree nodes based on levels
 
-You can customize the tree nodes level wise by adding custom [`cssClass`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~CssClass.html) to the control and enabling styles.
+You can customize the tree nodes based on their levels by adding a custom [`cssClass`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~CssClass.html) to the control and enabling specific styles.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -37,6 +37,6 @@ You can customize the tree nodes level wise by adding custom [`cssClass`](https:
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/nodecustomize.PNG)
diff --git a/ej2-asp-core-mvc/treeview/how-to/manipulating-nodes.md b/ej2-asp-core-mvc/treeview/how-to/manipulating-nodes.md
index 8c20b043da..14a43eca0f 100644
--- a/ej2-asp-core-mvc/treeview/how-to/manipulating-nodes.md
+++ b/ej2-asp-core-mvc/treeview/how-to/manipulating-nodes.md
@@ -10,7 +10,7 @@ documentation: ug
 
 # Nodes manipulation in TreeView control
 
-The TreeView control provides essential methods for dynamically managing nodes, offering the ability to create a highly interactive and customizable tree structure,
+The TreeView control provides essential methods for dynamically managing nodes, offering the ability to create a highly interactive and customizable tree structure.
 
 * [addNodes](https://ej2.syncfusion.com/javascript/documentation/api/treeview/#addnodes)
 * [removeNodes](https://ej2.syncfusion.com/javascript/documentation/api/treeview/#removenodes)
@@ -49,7 +49,7 @@ The [`addNodes`](https://ej2.syncfusion.com/javascript/documentation/api/treevie
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/manipulating-nodes-cs1.PNG)
 
@@ -82,13 +82,13 @@ The TreeView [`removeNodes`](https://ej2.syncfusion.com/javascript/documentation
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/manipulating-nodes-cs2.PNG)
 
 ## Dynamically update nodes
 
-The TreeView control has the [`updateNode`](https://ej2.syncfusion.com/javascript/documentation/api/treeview/#updatenode) method, which allows you to change a specific node's text by providing its target (either the node ID or element) and the new text. To enable text editing, set the [`allowEditing`](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_AllowEditing)property to true, ensuring correct functionality of the `updateNode` method.
+The TreeView control has the [`updateNode`](https://ej2.syncfusion.com/javascript/documentation/api/treeview/#updatenode) method, which allows you to change a specific node's text by providing its target (either the node ID or element) and the new text. To enable text editing, set the [`allowEditing`](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_AllowEditing) property to true, ensuring correct functionality of the `updateNode` method.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -115,13 +115,13 @@ The TreeView control has the [`updateNode`](https://ej2.syncfusion.com/javascrip
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/manipulating-nodes-cs3.PNG)
 
 ## Dynamically refresh nodes
 
-The [`refreshNode`](https://ej2.syncfusion.com/javascript/documentation/api/treeview/#refreshnode) method in TreeView allows you to update the content of a specific node by providing its target and the new details. To retrieve the current details of the node, use the [`getTreeData`](https://ej2.syncfusion.com/documentation/api/treeview/#gettreedata) method in conjunction with the node's ID. This method refreshes a designated node within the TreeView.
+The [`refreshNode`](https://ej2.syncfusion.com/javascript/documentation/api/treeview/#refreshnode) method in TreeView allows you to update the content of a specific node by providing its target and the new details. To retrieve the current details of the node, use the [`getTreeData`](https://ej2.syncfusion.com/documentation/api/treeview/#gettreedata) method in conjunction with the node's ID. The **refreshNode** method refreshes a designated node within the TreeView.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -148,7 +148,7 @@ The [`refreshNode`](https://ej2.syncfusion.com/javascript/documentation/api/tree
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/manipulating-nodes-cs4.PNG)
 
@@ -181,6 +181,6 @@ The [`moveNodes`](https://ej2.syncfusion.com/javascript/documentation/api/treevi
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/manipulating-nodes-cs5.PNG)
diff --git a/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md b/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
index 5684e61d0a..2c35fa6364 100644
--- a/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
+++ b/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
@@ -1,18 +1,18 @@
 ---
 layout: post
-title: Process The Tree Node Operations Using Context Menu in ##Platform_Name## TreeView Control
-description: Learn here all about Process The Tree Node Operations Using Context Menu in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
+title: Process the Tree Node Operations Using Context Menu in ##Platform_Name## TreeView Control
+description: Learn here all about Process the Tree Node Operations Using Context Menu in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
 publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
-# Process the tree node operations using context menu
+# Process the tree node operations using Context Menu
 
-You can integrate the context menu with '**TreeView**' control in order to perform the tree view related operations like add, remove and renaming node. 
+You can integrate the Context Menu with '**TreeView**' control to perform TreeView-related operations such as adding, removing, and renaming nodes.
 
-Following is an example which demonstrates the above cases which are used to manipulate tree view operations in the **select** event of context menu.
+The following example demonstrates how to manipulate TreeView operations using the **select** event of the Context Menu.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -39,6 +39,6 @@ Following is an example which demonstrates the above cases which are used to man
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/contextmenu.PNG)
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md b/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
index 5c1318172f..dc4f66f745 100644
--- a/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
+++ b/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Restrict The Drag And Drop For Particular Tree Nodes in ##Platform_Name## TreeView Control
-description: Learn here all about Restrict The Drag And Drop For Particular Tree Nodes in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
+title: Restrict the Drag And Drop For Particular Tree Nodes in ##Platform_Name## TreeView Control
+description: Learn here all about Restrict the Drag And Drop For Particular Tree Nodes in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
 publishingplatform: ##Platform_Name##
@@ -10,7 +10,7 @@ documentation: ug
 
 # Restrict the drag-and-drop for particular tree nodes
 
-You can able to restrict to drag and drop files under folder only. These can be achieved by using [`nodeDragStop`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeDragStop) and [`nodeDragging`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeDragging) event of TreeView.
+You can restrict drag and drop operations to allow files to be dropped only under folders. This can be achieved by using [`nodeDragStop`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeDragStop) and [`nodeDragging`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeDragging) events of TreeView.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -37,6 +37,6 @@ You can able to restrict to drag and drop files under folder only. These can be
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/node-drag.PNG)
diff --git a/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md b/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
index f113de0816..40feb4d796 100644
--- a/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
+++ b/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Validate The Text When Renaming The Tree Node in ##Platform_Name## TreeView Control
-description: Learn here all about Validate The Text When Renaming The Tree Node in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
+title: Validate the Text When Renaming The Tree Node in ##Platform_Name## TreeView Control
+description: Learn here all about Validate the Text When Renaming The Tree Node in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
 publishingplatform: ##Platform_Name##
@@ -10,7 +10,7 @@ documentation: ug
 
 # Validate the text when renaming the tree node
 
-You can validate the tree node text while editing using [`nodeEdited`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeEdited) event of the TreeView. Following is an example that shows how to validate and prevent empty values in tree node.
+You can validate the tree node text during editing by using the [`nodeEdited`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.navigations.treeview.html#Syncfusion_EJ2_Navigations_TreeView_NodeEdited) event of the TreeView. The following example shows how to validate and prevent empty values in a tree node.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -37,6 +37,6 @@ You can validate the tree node text while editing using [`nodeEdited`](https://h
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](../images/renaming-tree.PNG)
diff --git a/ej2-asp-core-mvc/treeview/multiple-selection.md b/ej2-asp-core-mvc/treeview/multiple-selection.md
index 9ecfd48930..b9820c4996 100644
--- a/ej2-asp-core-mvc/treeview/multiple-selection.md
+++ b/ej2-asp-core-mvc/treeview/multiple-selection.md
@@ -11,7 +11,7 @@ documentation: ug
 
 # Multi Selection in TreeView Control
 
-Selection provides an interactive support and highlights the node that you select. Selection can be done through simple mouse down or keyboard interaction. 
+Selection provides interactive support and highlights the node that you select. Selection can be done through simple mouse down or keyboard interaction. 
 
 The TreeView also supports selection of multiple nodes by setting [allowMultiSelection](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowMultiSelection.html) to **true**. 
 
@@ -44,13 +44,13 @@ N> Multi selection is not applicable through touch interactions.
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](./images/multiselect.PNG)
 
 ## Selected nodes
 
-You can get or set the selected nodes in TreeView at initial rendering and dynamically by using the [selectedNodes](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~SelectedNodes.html) property. It will return the selected node’s ID as an array.
+You can get or set the selected nodes in TreeView at initial rendering and dynamically by using the [selectedNodes](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~SelectedNodes.html) property. It will return the IDs of the selected nodes as an array.
 
 * The [`nodeselecting`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~NodeSelecting.html) event is triggered before a node is selected/unselected which can be used to prevent the selection.
 
diff --git a/ej2-asp-core-mvc/treeview/node-editing.md b/ej2-asp-core-mvc/treeview/node-editing.md
index 0fd3dcc802..b07ea737fa 100644
--- a/ej2-asp-core-mvc/treeview/node-editing.md
+++ b/ej2-asp-core-mvc/treeview/node-editing.md
@@ -11,11 +11,11 @@ documentation: ug
 
 # Node Editing in TreeView Control
 
-The TreeView allows you to edit nodes by setting the [allowEditing](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowEditing.html) property to **true**. To directly edit the nodes in place, **double click** the TreeView node or **select** the node and press **F2** key.
+The TreeView allows you to edit nodes by setting the [allowEditing](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~AllowEditing.html) property to **true**. To directly edit the nodes in place, **double-click** the TreeView node or **select** the node and press the **F2** key.
 
-When editing is completed by focus out or by pressing the **Enter** key, the modified node’s text saves automatically. If you do not want to save the modified node’s text in TreeView node, press **Escape** key. It does not save the edited text to the TreeView node.
+When editing is completed by focus out or by pressing the **Enter** key, the modified node’s text saves automatically. If you do not want to save the modified node's text in the TreeView node, press the **Escape** key. It does not save the edited text to the TreeView node.
 
-* Node editing can also be performed programmatically by using the `beginEdit` method. On passing the node ID or element through this method, the edit textbox will be created for the particular node thus allowing us to edit it.
+* Node editing can also be performed programmatically by using the `beginEdit` method. When passing the **node ID** or **element** through this method, an edit textbox will be created for the particular node, allowing it to be edited.
 
 * If you need to validate or prevent editing, the [`nodeEditing`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~NodeEditing.html) event can be used which is triggered before the TreeView node is renamed. On successfully renaming a node the [`nodeEdited`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~NodeEdited.html) event will be triggered.
 
@@ -46,7 +46,7 @@ In the following example, the first level node’s text cannot be changed, but a
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](./images/node-editing.PNG)
 
diff --git a/ej2-asp-core-mvc/treeview/template.md b/ej2-asp-core-mvc/treeview/template.md
index c616b8ed85..050e00fef9 100644
--- a/ej2-asp-core-mvc/treeview/template.md
+++ b/ej2-asp-core-mvc/treeview/template.md
@@ -11,9 +11,9 @@ documentation: ug
 
 # Template
 
-The TreeView control allows you to customize the look of TreeView nodes by using the [nodeTemplate](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~NodeTemplate.html) property. This property accepts either `template string` or HTML element ID. 
+The TreeView control allows you to customize the look of TreeView nodes by using the [nodeTemplate](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~NodeTemplate.html) property. This property accepts either a `template string` or an HTML element ID. 
 
-In the following sample, employee information such as employee photo, name, and designation have been included using the `nodeTemplate` property. 
+In the following sample, employee information such as employee photo, name, and designation has been included using the `nodeTemplate` property. 
 
 The template expression should be provided inside the `${...}` interpolation syntax.
 
@@ -42,7 +42,7 @@ The template expression should be provided inside the `${...}` interpolation syn
 
 
 
-Output be like the below.
+The output will look like the image below:
 
 ![TreeView Sample](./images/template.PNG)
 

From 49b98b262538c0d04170a4930f47f2803af12358 Mon Sep 17 00:00:00 2001
From: suba-1997 <subalakshmi.r@syncfusion.com>
Date: Wed, 29 Jan 2025 16:19:53 +0530
Subject: [PATCH 4/7] 934883: Test and resolve issues in UG all sections - ASP
 core TreeView control.

---
 ej2-asp-core-mvc/treeview/accessibility.md                      | 2 +-
 ej2-asp-core-mvc/treeview/check-box.md                          | 2 +-
 ej2-asp-core-mvc/treeview/drag-and-drop.md                      | 2 +-
 ...check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md | 2 +-
 .../treeview/how-to/customize-the-expand-and-collapse-icons.md  | 2 +-
 .../treeview/how-to/customize-the-tree-nodes-based-on-levels.md | 2 +-
 ej2-asp-core-mvc/treeview/how-to/manipulating-nodes.md          | 2 +-
 .../process-the-tree-node-operations-using-context-menu.md      | 2 +-
 .../restrict-the-drag-and-drop-for-particular-tree-nodes.md     | 2 +-
 .../how-to/validate-the-text-when-renaming-the-tree-node.md     | 2 +-
 ej2-asp-core-mvc/treeview/overview.md                           | 2 +-
 ej2-asp-core-mvc/treeview/template.md                           | 2 +-
 12 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/ej2-asp-core-mvc/treeview/accessibility.md b/ej2-asp-core-mvc/treeview/accessibility.md
index aadb146fbb..6a222df31d 100644
--- a/ej2-asp-core-mvc/treeview/accessibility.md
+++ b/ej2-asp-core-mvc/treeview/accessibility.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Accessibility in ##Platform_Name## TreeView Control
+title: Accessibility in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Accessibility in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/check-box.md b/ej2-asp-core-mvc/treeview/check-box.md
index 5a0661745b..c1bef3c885 100644
--- a/ej2-asp-core-mvc/treeview/check-box.md
+++ b/ej2-asp-core-mvc/treeview/check-box.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Check Box in ##Platform_Name## TreeView Control
+title: Check Box in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Check Box in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/drag-and-drop.md b/ej2-asp-core-mvc/treeview/drag-and-drop.md
index b4facc17ed..9627f36c74 100644
--- a/ej2-asp-core-mvc/treeview/drag-and-drop.md
+++ b/ej2-asp-core-mvc/treeview/drag-and-drop.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Drag And Drop in ##Platform_Name## TreeView Control
+title: Drag And Drop in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Drag And Drop in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md b/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
index 9da27a24a4..9ce7d4df19 100644
--- a/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
+++ b/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Check/Uncheck The Checkbox On Clicking The Tree Node Text in ##Platform_Name## TreeView Control
+title: Check/Uncheck The Checkbox On Clicking The Tree Node Text in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Check/Uncheck The Checkbox On Clicking The Tree Node Text in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md b/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
index cb1b02b872..cfb6358093 100644
--- a/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
+++ b/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Customize the Expand And Collapse Icons in ##Platform_Name## TreeView Control
+title: Customize the Expand And Collapse Icons in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Customize the Expand And Collapse Icons in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md b/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
index ed3ba7f6fa..f467eb5069 100644
--- a/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
+++ b/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Customize the Tree Nodes Based On Levels in ##Platform_Name## TreeView Control
+title: Customize the Tree Nodes Based On Levels in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Customize the Tree Nodes Based On Levels in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/manipulating-nodes.md b/ej2-asp-core-mvc/treeview/how-to/manipulating-nodes.md
index 14a43eca0f..3cdb0da9f9 100644
--- a/ej2-asp-core-mvc/treeview/how-to/manipulating-nodes.md
+++ b/ej2-asp-core-mvc/treeview/how-to/manipulating-nodes.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Nodes manipulation in Syncfusion ##Platform_Name## TreeView control
+title: Nodes manipulation in Syncfusion ##Platform_Name## TreeView control | Syncfusion
 description: Learn here all about Nodes manipulation in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md b/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
index 2c35fa6364..cad4e5ff0d 100644
--- a/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
+++ b/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Process the Tree Node Operations Using Context Menu in ##Platform_Name## TreeView Control
+title: Process the Tree Node Operations Using Context Menu in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Process the Tree Node Operations Using Context Menu in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md b/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
index dc4f66f745..e22aecd22e 100644
--- a/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
+++ b/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Restrict the Drag And Drop For Particular Tree Nodes in ##Platform_Name## TreeView Control
+title: Restrict the Drag And Drop For Particular Tree Nodes in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Restrict the Drag And Drop For Particular Tree Nodes in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md b/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
index 40feb4d796..c16d996e38 100644
--- a/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
+++ b/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Validate the Text When Renaming The Tree Node in ##Platform_Name## TreeView Control
+title: Validate the Text When Renaming The Tree Node in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Validate the Text When Renaming The Tree Node in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/overview.md b/ej2-asp-core-mvc/treeview/overview.md
index 6868446f0a..4c0c1128b9 100644
--- a/ej2-asp-core-mvc/treeview/overview.md
+++ b/ej2-asp-core-mvc/treeview/overview.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Overview in ##Platform_Name## TreeView Control
+title: Overview in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Overview in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/template.md b/ej2-asp-core-mvc/treeview/template.md
index 050e00fef9..adbca8e109 100644
--- a/ej2-asp-core-mvc/treeview/template.md
+++ b/ej2-asp-core-mvc/treeview/template.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Template in ##Platform_Name## TreeView Control
+title: Template in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Template in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: TreeView

From e42fcc5df5a3358e53336ff9e0b2747686af0b68 Mon Sep 17 00:00:00 2001
From: suba-1997 <subalakshmi.r@syncfusion.com>
Date: Wed, 29 Jan 2025 16:33:57 +0530
Subject: [PATCH 5/7] 934883: Test and resolve issues in UG all sections - ASP
 core TreeView control.

---
 .../treeview/EJ2_ASP.MVC/ej1-api-migration.md        | 12 ++++++------
 .../treeview/EJ2_ASP.NETCORE/ej1-api-migration.md    |  2 +-
 .../treeview/EJ2_ASP.NETCORE/getting-started.md      |  2 +-
 ...ck-the-checkbox-on-clicking-the-tree-node-text.md |  2 +-
 .../customize-the-expand-and-collapse-icons.md       |  2 +-
 .../customize-the-tree-nodes-based-on-levels.md      |  2 +-
 ...ss-the-tree-node-operations-using-context-menu.md |  2 +-
 ...ct-the-drag-and-drop-for-particular-tree-nodes.md |  2 +-
 .../validate-the-text-when-renaming-the-tree-node.md |  2 +-
 9 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/ej1-api-migration.md b/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/ej1-api-migration.md
index ce6c4a10fe..f02c59b876 100644
--- a/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/ej1-api-migration.md
+++ b/ej2-asp-core-mvc/treeview/EJ2_ASP.MVC/ej1-api-migration.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Ej1 Api Migration in ##Platform_Name## TreeView Control
-description: Learn here all about Ej1 Api Migration in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
+title: Ej1 Api Migration in ##Platform_Name## TreeView Component | Syncfusion
+description: Learn here all about Ej1 Api Migration in Syncfusion ##Platform_Name## TreeView component of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: TreeView
 publishingplatform: ##Platform_Name##
@@ -10,7 +10,7 @@ documentation: ug
 
 # Migration from Essential<sup style="font-size:70%">&reg;</sup> JS 1
 
-This article describes the API migration process of TreeView control from Essential<sup style="font-size:70%">&reg;</sup> JS 1 to Essential<sup style="font-size:70%">&reg;</sup> JS 2.
+This article describes the API migration process of TreeView component from Essential<sup style="font-size:70%">&reg;</sup> JS 1 to Essential<sup style="font-size:70%">&reg;</sup> JS 2.
 
 ## Add nodes
 
@@ -76,10 +76,10 @@ This article describes the API migration process of TreeView control from Essent
 | To show all nodes | **Method:** *show*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.show();` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`instance.element.querySelector('.e-list-parent').style.display="block"` |
 | Show node | **Method:** *showNode*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.showNode("book");` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`instance.element.querySelector('[data-uid="book"]').style.display="block"` |
 | Remove all TreeView nodes | **Method:** *removeAll*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");<br />treeObj.removeAll();` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br />`var instance= document.getElementById("tree").ej2_instances[0];`<br />`instance.removeNodes([instance.element.querySelector('.e-list-parent')])` |
-| Remove TreeView node | **Method:** *removeNode*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.removeNode("book");` | **Method:** *removeNodes*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.removeNodes("book");` |
+| Remove Treeview node | **Method:** *removeNode*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.removeNode("book");` | **Method:** *removeNodes*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.removeNodes("book");` |
 | Sort order | **Property:** *SortSettings*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).SortSettings(s => s.AllowSorting(true).SortOrder(SortOrder.Descending))` | **Property:** *SortOrder*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).SortOrder(SortOrder.Descending).Render()` |
 | Update node text | **Method:** *updateText*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text"))`<br /><br />**Script**<br />`var treeObj = $("#tree").data("ejTreeView");`<br />`treeObj.updateText("book", "text");` | **Method:** *updateNode*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).Render()`<br /><br />**Script**<br /><br />`var treeObj = document.getElementById('tree').ej2_instances[0]`<br />`treeObj.updateNode("book", "text");` |
-| Width of TreeView control | **Property:** *Width*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).Width("300px")` | **Can be achieved using,** <br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).CssClass("custom").Render()`<br />**Css**<br />`.e-treeview.custom{`<br />`width: 300px;`<br />`}` |
+| Width of Treeview control | **Property:** *Width*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).Width("300px")` | **Can be achieved using,** <br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).CssClass("custom").Render()`<br />**Css**<br />`.e-treeview.custom{`<br />`width: 300px;`<br />`}` |
 
 ## CheckBox
 
@@ -105,7 +105,7 @@ This article describes the API migration process of TreeView control from Essent
 | Behavior | API in Essential<sup style="font-size:70%">&reg;</sup> JS 1 | API in Essential<sup style="font-size:70%">&reg;</sup> JS 2 |
 | --- | --- | --- |
 | Drag and drop | **Property:** *AllowDragAndDrop*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =><br />field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true)` | **Property:** *AllowDragAndDrop*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true)` |
-| Prevent Drag and drop to another TreeView | **Property:** *AllowDragAndDropAcrossControl*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true).AllowDragAndDropAcrossControl(false)` | **Can be achieved using,** <br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true).NodeDragStop("dragStop").Render()`<br /><br />**Script**<br /><br />`function dragStop(args){`<br />`if (args.draggedParentNode.closest('.e-treeview') !== args.dropTarget.closest('.e-treeview')) {`<br />`args.cancel = true;`<br />`}`<br />`}` |
+| Prevent Drag and drop to another Treeview | **Property:** *AllowDragAndDropAcrossControl*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true).AllowDragAndDropAcrossControl(false)` | **Can be achieved using,** <br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true).NodeDragStop("dragStop").Render()`<br /><br />**Script**<br /><br />`function dragStop(args){`<br />`if (args.draggedParentNode.closest('.e-treeview') !== args.dropTarget.closest('.e-treeview')) {`<br />`args.cancel = true;`<br />`}`<br />`}` |
 | Prevent sibling drop | **Property:** *AllowDropSibling*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true).AllowDropSibling(false)` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true).NodeDragStop("dragStop").Render()`<br /><br />**Script**<br /><br />`function dragStop(args){`<br />`if(args.dropIndicator === "e-drop-next") {`<br />`args.cancel = true;`<br />`}`<br />`}` |
 | Prevent child drop | **Property:** *AllowDropChild*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true).AllowDropChild(false)` | **Can be achieved using,**<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true).NodeDragStop("dragStop").Render()`<br /><br />**Script**<br /><br />`function dragStop(args){`<br />`if(args.dropIndicator === "e-drop-in") {`<br />`args.cancel = true;`<br />`}`<br />`}` |
 | Triggers when node is dragged | **Event:** *NodeDrag*<br /><br />`@Html.EJ().TreeView("tree").TreeViewFields(field =>`<br />`field.Datasource((IEnumerable<LoadData>)ViewBag.datasource)`<br />`.Id("Id").ParentId("Parent").Text("Text")).AllowDragAndDrop(true)`<br />`.ClientSideEvents(events =>events.NodeDrag("nodeDrag"))`<br />`function nodeDrag() {}` | **Event:** *NodeDragging*<br /><br />`@Html.EJS().TreeView("tree").Fields(ViewBag.Fields).AllowDragAndDrop(true).NodeDragging("nodeDrag").Render()`<br /><br />**Script**<br /><br />`function nodeDrag(){}` |
diff --git a/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/ej1-api-migration.md b/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/ej1-api-migration.md
index 47367a6b75..09c88d4510 100644
--- a/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/ej1-api-migration.md
+++ b/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/ej1-api-migration.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Ej1 Api Migration in ##Platform_Name## TreeView Control
+title: Ej1 Api Migration in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Ej1 Api Migration in Syncfusion ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/getting-started.md b/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/getting-started.md
index 160efa7926..84c022eee2 100644
--- a/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/getting-started.md
+++ b/ej2-asp-core-mvc/treeview/EJ2_ASP.NETCORE/getting-started.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Getting Started with ##Platform_Name## TreeView Control
+title: Getting Started with ##Platform_Name## TreeView Control | Syncfusion
 description: Checkout and learn about getting started with ##Platform_Name## TreeView control of Syncfusion Essential JS 2 and more details.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md b/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
index 9ce7d4df19..34e1611879 100644
--- a/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
+++ b/ej2-asp-core-mvc/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Check/Uncheck The Checkbox On Clicking The Tree Node Text in ##Platform_Name## TreeView Control | Syncfusion
+title: Check/Uncheck Checkbox on text click in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Check/Uncheck The Checkbox On Clicking The Tree Node Text in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md b/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
index cfb6358093..5f6ddf4708 100644
--- a/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
+++ b/ej2-asp-core-mvc/treeview/how-to/customize-the-expand-and-collapse-icons.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Customize the Expand And Collapse Icons in ##Platform_Name## TreeView Control | Syncfusion
+title: Customize the icons in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Customize the Expand And Collapse Icons in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md b/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
index f467eb5069..9d84d5a6f5 100644
--- a/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
+++ b/ej2-asp-core-mvc/treeview/how-to/customize-the-tree-nodes-based-on-levels.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Customize the Tree Nodes Based On Levels in ##Platform_Name## TreeView Control | Syncfusion
+title: Customize nodes based on levels in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Customize the Tree Nodes Based On Levels in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md b/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
index cad4e5ff0d..c246352db7 100644
--- a/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
+++ b/ej2-asp-core-mvc/treeview/how-to/process-the-tree-node-operations-using-context-menu.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Process the Tree Node Operations Using Context Menu in ##Platform_Name## TreeView Control | Syncfusion
+title: Node operations using Context Menu in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Process the Tree Node Operations Using Context Menu in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md b/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
index e22aecd22e..a7c061358e 100644
--- a/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
+++ b/ej2-asp-core-mvc/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Restrict the Drag And Drop For Particular Tree Nodes in ##Platform_Name## TreeView Control | Syncfusion
+title: Restrict drag and drop for node in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Restrict the Drag And Drop For Particular Tree Nodes in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView
diff --git a/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md b/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
index c16d996e38..f2f7ba4b24 100644
--- a/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
+++ b/ej2-asp-core-mvc/treeview/how-to/validate-the-text-when-renaming-the-tree-node.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Validate the Text When Renaming The Tree Node in ##Platform_Name## TreeView Control | Syncfusion
+title: Validate text when renaming in ##Platform_Name## TreeView Control | Syncfusion
 description: Learn here all about Validate the Text When Renaming The Tree Node in Syncfusion ##Platform_Name## TreeView control of syncfusion and more.
 platform: ej2-asp-core-mvc
 control: TreeView

From 332d736b73bc9b72029dba8faba0800f1bb96c63 Mon Sep 17 00:00:00 2001
From: suba-1997 <subalakshmi.r@syncfusion.com>
Date: Wed, 29 Jan 2025 17:27:24 +0530
Subject: [PATCH 6/7] 934883: Test and resolve issues in UG all sections - ASP
 core TreeView control.

---
 .../treeview/how-to/manipulating-nodes-cs3/tagHelper             | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs3/tagHelper b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs3/tagHelper
index 14b7472749..555a032b66 100644
--- a/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs3/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/treeview/how-to/manipulating-nodes-cs3/tagHelper
@@ -1,4 +1,3 @@
-@* https://localhost:44322/TreeView/UpdateNode *@
 <div id='treeparent'>
     <ejs-treeview id="treedata" allowEditing="true">
         <e-treeview-fields dataSource="ViewBag.dataSource" id="id" parentId="pid" text="name" hasChildren="hasChild" expanded="expanded"></e-treeview-fields>

From b291e7f68252f9b9d5d65c1aed6d75f7ef9fdc92 Mon Sep 17 00:00:00 2001
From: suba-1997 <subalakshmi.r@syncfusion.com>
Date: Wed, 29 Jan 2025 19:36:57 +0530
Subject: [PATCH 7/7] 934883: Test and resolve issues in UG all sections - ASP
 core TreeView control.

---
 ej2-asp-core-mvc/treeview/data-binding.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ej2-asp-core-mvc/treeview/data-binding.md b/ej2-asp-core-mvc/treeview/data-binding.md
index 56840b9a13..e164ad6ea7 100644
--- a/ej2-asp-core-mvc/treeview/data-binding.md
+++ b/ej2-asp-core-mvc/treeview/data-binding.md
@@ -11,7 +11,7 @@ documentation: ug
 
 # Data Binding in TreeView Control
 
-The TreeView control provides the option to load data either from local data sources or from remote data services. This can be done through the `dataSource` property that is a member of the [fields](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~Fields.html) property. The `dataSource` property supports array of JavaScript objects and `DataManager`. It also supports different kinds of data services such as OData, OData V4, Web API, URL, and JSON with the help of `DataManager` adaptors.
+The TreeView control provides the option to load data either from local data sources or from remote data services. This can be done through the `dataSource` property that is a member of the [fields](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Navigations.TreeView~Fields.html) property. The `dataSource` property supports array of JavaScript objects and [`DataManager`](https://ej2.syncfusion.com/documentation/api/data/dataManager/). It also supports different kinds of data services such as OData, OData V4, Web API, URL, and JSON with the help of `DataManager` adaptors.
 
 TreeView has `load on demand` (Lazy load) enabled by default. It reduces the bandwidth size when consuming huge data. It initially loads first-level nodes, and when a parent node is expanded, it loads the child nodes based on the `parentID/child` member.