From 9c88b10dc53ae4d708522a06e4cbb705920a8d74 Mon Sep 17 00:00:00 2001
From: 10x developer <57017344+ddjerqq@users.noreply.github.com>
Date: Tue, 22 Oct 2024 14:25:30 +0400
Subject: [PATCH] TreeView: Add virtualization support (#5689)

* added virtualization support to treeview

* Replaced a regular html anchor tag with a blazorise Anchor component.

Added the relevant logs to the current changelog's optimization section.

Updated the summary string documentation for the Virtualize Parameter of TreeView

* formating

* Mention default value

* Fix virtualization

* Add Virtualization example

* Don't pass styling parameters further from root element

* Use defaults when Virtualize is enabled

* release notes

* Change description

* Docs notes

* testing treeview virtualize with dynamic data

* Properly fallback to default Height and Overflow values

* Remove extra parenthesis

* Fix duplicate nodes

---------

Co-authored-by: ddjerqq <570173344+ddjerqq@users.noreply.github.com>
Co-authored-by: Mladen Macanovic <mladen.macanovic@gmail.com>
Co-authored-by: Mladen Macanovic <mladen.macanovic@blazorise.com>
Co-authored-by: David Moreira <david_nogueira_moreira@hotmail.com>
---
 .../Pages/Tests/TreeViewPage.razor            |   5 +
 .../Pages/Tests/TreeViewPage.razor.cs         |  29 +-
 .../Models/Snippets.generated.cs              |  40 +++
 .../TreeViewVirtualizationExampleCode.html    |  44 +++
 .../TreeViewVirtualizationExample.razor       |  41 +++
 .../Extensions/TreeView/TreeViewPage.razor    |  33 ++
 .../News/2024-10-15-release-notes-170.razor   |   8 +
 .../Internal/_TreeViewNode.razor              | 121 ++++---
 .../Internal/_TreeViewNode.razor.cs           |  13 +-
 .../Blazorise.TreeView/TreeView.razor         |  27 +-
 .../Blazorise.TreeView/TreeView.razor.cs      |  27 ++
 workload-install.ps1                          | 328 ++++++++++++++++++
 12 files changed, 630 insertions(+), 86 deletions(-)
 create mode 100644 Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/Code/TreeViewVirtualizationExampleCode.html
 create mode 100644 Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/Examples/TreeViewVirtualizationExample.razor
 create mode 100644 workload-install.ps1

diff --git a/Demos/Blazorise.Demo/Pages/Tests/TreeViewPage.razor b/Demos/Blazorise.Demo/Pages/Tests/TreeViewPage.razor
index 43b1d977fa..2c9dd92f30 100644
--- a/Demos/Blazorise.Demo/Pages/Tests/TreeViewPage.razor
+++ b/Demos/Blazorise.Demo/Pages/Tests/TreeViewPage.razor
@@ -26,6 +26,7 @@
                         </Field>
                     </Column>
                     <Column ColumnSize="ColumnSize.IsAuto">
+                        <Button Color="Color.Primary" Clicked="AddNode">Add</Button>
                         <Button Color="Color.Primary" Clicked="ForceReload">Force Reload</Button>
                         <Button Color="Color.Primary" Clicked="DisableRandomNode">Disable Random</Button>
                         <Button Color="Color.Primary" Clicked="DisableAll">Disable All</Button>
@@ -41,12 +42,16 @@
                             <Button Color="Color.Secondary" Clicked="@(()=>selectedNodes = Nodes.Take(3).ToList())">Select multiple nodes</Button>
                         }
                     </Column>
+                    <Column ColumnSize="ColumnSize.IsAuto">
+                        <Switch @bind-Checked=virtualize>Virtualize</Switch>
+                    </Column>
                 </Row>
             </CardBody>
             <CardBody>
                 <TreeView @ref="@treeViewRef"
                           TNode="NodeInfo"
                           Nodes="Nodes"
+                          Virtualize="@virtualize"
                           SelectionMode="@selectionMode"
                           @bind-SelectedNode="selectedNode"
                           @bind-ExpandedNodes="expandedNodes"
diff --git a/Demos/Blazorise.Demo/Pages/Tests/TreeViewPage.razor.cs b/Demos/Blazorise.Demo/Pages/Tests/TreeViewPage.razor.cs
index 5d878b17fd..2635c13939 100644
--- a/Demos/Blazorise.Demo/Pages/Tests/TreeViewPage.razor.cs
+++ b/Demos/Blazorise.Demo/Pages/Tests/TreeViewPage.razor.cs
@@ -1,5 +1,6 @@
 using System;
 using System.Collections.Generic;
+using System.Collections.ObjectModel;
 using System.Linq;
 using System.Security;
 using System.Threading.Tasks;
@@ -12,30 +13,31 @@ namespace Blazorise.Demo.Pages.Tests;
 public partial class TreeViewPage : ComponentBase
 {
     TreeView<NodeInfo> treeViewRef;
-    private IList<NodeInfo> expandedNodes = new List<NodeInfo>();
-    private IList<NodeInfo> selectedNodes = new List<NodeInfo>();
+    private IList<NodeInfo> expandedNodes = new ObservableCollection<NodeInfo>();
+    private IList<NodeInfo> selectedNodes = new ObservableCollection<NodeInfo>();
     private NodeInfo selectedNode;
     private TreeViewSelectionMode selectionMode;
+    private bool virtualize;
 
     public class NodeInfo
     {
         public string Text { get; set; }
-        public IEnumerable<NodeInfo> Children { get; set; }
+        public ObservableCollection<NodeInfo> Children { get; set; }
         public bool Disabled { get; set; }
     }
 
-    private IEnumerable<NodeInfo> Nodes = new[]
+    private ObservableCollection<NodeInfo> Nodes = new ObservableCollection<NodeInfo>()
     {
         new NodeInfo { Text = "NodeInfo 1" },
         new NodeInfo
         {
             Text = "NodeInfo 2",
-            Children = new []
+            Children = new ObservableCollection<NodeInfo>()
             {
                 new NodeInfo { Text = "NodeInfo 2.1" },
                 new NodeInfo
                 {
-                    Text = "NodeInfo 2.2", Children = new []
+                    Text = "NodeInfo 2.2", Children = new ObservableCollection<NodeInfo>()
                     {
                         new NodeInfo { Text = "NodeInfo 2.2.1" },
                         new NodeInfo { Text = "NodeInfo 2.2.2" },
@@ -51,12 +53,12 @@ public class NodeInfo
         new NodeInfo
         {
             Text = "NodeInfo 4",
-            Children = new []
+            Children = new ObservableCollection<NodeInfo>()
             {
                 new NodeInfo { Text = "NodeInfo 4.1" },
                 new NodeInfo
                 {
-                    Text = "NodeInfo 4.2", Children = new []
+                    Text = "NodeInfo 4.2", Children = new ObservableCollection<NodeInfo>()
                     {
                         new NodeInfo { Text = "NodeInfo 4.2.1" },
                         new NodeInfo { Text = "NodeInfo 4.2.2" },
@@ -72,6 +74,17 @@ public class NodeInfo
         new NodeInfo { Text = "NodeInfo 6" }
     };
 
+
+    int count = 0;
+    private async Task AddNode()
+    {
+        count++;
+        selectedNode.Children ??= new ObservableCollection<NodeInfo>();
+        selectedNode.Children.Add( new NodeInfo()
+        {
+            Text = selectedNode.Text + count,
+        } );
+    }
     private async Task ForceReload()
     {
         await treeViewRef.Reload();
diff --git a/Documentation/Blazorise.Docs/Models/Snippets.generated.cs b/Documentation/Blazorise.Docs/Models/Snippets.generated.cs
index 9ae12ca787..55774017ac 100644
--- a/Documentation/Blazorise.Docs/Models/Snippets.generated.cs
+++ b/Documentation/Blazorise.Docs/Models/Snippets.generated.cs
@@ -10970,6 +10970,46 @@ public class Item
 
         public const string TreeViewResourcesExample = @"<link href=""_content/Blazorise.TreeView/blazorise.treeview.css"" rel=""stylesheet"" />";
 
+        public const string TreeViewVirtualizationExample = @"<TreeView Nodes=""Items""
+          GetChildNodes=""@(item => item.Children)""
+          HasChildNodes=""@(item => item.Children?.Any() == true)""
+          @bind-SelectedNode=""selectedNode""
+          @bind-ExpandedNodes=""expandedNodes""
+          Virtualize>
+    <NodeContent>
+        <Icon Name=""IconName.Folder"" />
+        @context.Text
+    </NodeContent>
+</TreeView>
+
+@code {
+    public class Item
+    {
+        public string Text { get; set; }
+        public IEnumerable<Item> Children { get; set; }
+    }
+
+    protected override void OnInitialized()
+    {
+        Items = Enumerable.Range( 1, 4 ).Select( rootIndex => new Item
+        {
+            Text = $""Root Node {rootIndex}"",
+            Children = Enumerable.Range( 1, 100 ).Select( childIndex => new Item
+            {
+                Text = $""Root {rootIndex} - Child {childIndex}"",
+                Children = Enumerable.Empty<Item>() // No children for the child nodes in this example
+            } )
+        } ).ToList();
+
+        base.OnInitialized();
+    }
+
+    IEnumerable<Item> Items;
+
+    IList<Item> expandedNodes = new List<Item>();
+    Item selectedNode;
+}";
+
         public const string BasicVideoExample = @"<Video Source=""@(""http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"")"" />";
 
         public const string DRMVideoExample = @"<Video Source=""@(""https://media.axprod.net/TestVectors/v7-MultiDRM-SingleKey/Manifest_1080p.mpd"")""
diff --git a/Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/Code/TreeViewVirtualizationExampleCode.html b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/Code/TreeViewVirtualizationExampleCode.html
new file mode 100644
index 0000000000..cede23c8a3
--- /dev/null
+++ b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/Code/TreeViewVirtualizationExampleCode.html
@@ -0,0 +1,44 @@
+<div class="blazorise-codeblock">
+<div class="html"><pre>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">TreeView</span> <span class="htmlAttributeName">Nodes</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">Items</span><span class="quot">&quot;</span>
+          <span class="htmlAttributeName">GetChildNodes</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue"><span class="atSign">&#64;</span>(item =&gt; item.Children)</span><span class="quot">&quot;</span>
+          <span class="htmlAttributeName">HasChildNodes</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue"><span class="atSign">&#64;</span>(item =&gt; item.Children?.Any() == true)</span><span class="quot">&quot;</span>
+          <span class="htmlAttributeName"><span class="atSign">&#64;</span>bind-SelectedNode</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">selectedNode</span><span class="quot">&quot;</span>
+          <span class="htmlAttributeName"><span class="atSign">&#64;</span>bind-ExpandedNodes</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">expandedNodes</span><span class="quot">&quot;</span>
+          <span class="htmlAttributeName">Virtualize</span><span class="htmlTagDelimiter">&gt;</span>
+    <span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">NodeContent</span><span class="htmlTagDelimiter">&gt;</span>
+        <span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">Icon</span> <span class="htmlAttributeName">Name</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="enum">IconName</span><span class="enumValue">.Folder</span><span class="quot">&quot;</span> <span class="htmlTagDelimiter">/&gt;</span>
+        <span class="atSign">&#64;</span>context.Text
+    <span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">NodeContent</span><span class="htmlTagDelimiter">&gt;</span>
+<span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">TreeView</span><span class="htmlTagDelimiter">&gt;</span>
+</pre></div>
+<div class="csharp"><pre>
+<span class="atSign">&#64;</span>code {
+    <span class="keyword">public</span> <span class="keyword">class</span> Item
+    {
+        <span class="keyword">public</span> <span class="keyword">string</span> Text { <span class="keyword">get</span>; <span class="keyword">set</span>; }
+        <span class="keyword">public</span> IEnumerable&lt;Item&gt; Children { <span class="keyword">get</span>; <span class="keyword">set</span>; }
+    }
+
+    <span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> OnInitialized()
+    {
+        Items = Enumerable.Range( <span class="number">1</span>, <span class="number">4</span> ).Select( rootIndex =&gt; <span class="keyword">new</span> Item
+        {
+            Text = $<span class="string">&quot;Root Node {rootIndex}&quot;</span>,
+            Children = Enumerable.Range( <span class="number">1</span>, <span class="number">100</span> ).Select( childIndex =&gt; <span class="keyword">new</span> Item
+            {
+                Text = $<span class="string">&quot;Root {rootIndex} - Child {childIndex}&quot;</span>,
+                Children = Enumerable.Empty&lt;Item&gt;() <span class="comment">// No children for the child nodes in this example</span>
+            } )
+        } ).ToList();
+
+        <span class="keyword">base</span>.OnInitialized();
+    }
+
+    IEnumerable&lt;Item&gt; Items;
+
+    IList&lt;Item&gt; expandedNodes = <span class="keyword">new</span> List&lt;Item&gt;();
+    Item selectedNode;
+}
+</pre></div>
+</div>
diff --git a/Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/Examples/TreeViewVirtualizationExample.razor b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/Examples/TreeViewVirtualizationExample.razor
new file mode 100644
index 0000000000..a41d5bfe54
--- /dev/null
+++ b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/Examples/TreeViewVirtualizationExample.razor
@@ -0,0 +1,41 @@
+@namespace Blazorise.Docs.Docs.Examples
+
+<TreeView Nodes="Items"
+          GetChildNodes="@(item => item.Children)"
+          HasChildNodes="@(item => item.Children?.Any() == true)"
+          @bind-SelectedNode="selectedNode"
+          @bind-ExpandedNodes="expandedNodes"
+          Virtualize>
+    <NodeContent>
+        <Icon Name="IconName.Folder" />
+        @context.Text
+    </NodeContent>
+</TreeView>
+
+@code {
+    public class Item
+    {
+        public string Text { get; set; }
+        public IEnumerable<Item> Children { get; set; }
+    }
+
+    protected override void OnInitialized()
+    {
+        Items = Enumerable.Range( 1, 4 ).Select( rootIndex => new Item
+        {
+            Text = $"Root Node {rootIndex}",
+            Children = Enumerable.Range( 1, 100 ).Select( childIndex => new Item
+            {
+                Text = $"Root {rootIndex} - Child {childIndex}",
+                Children = Enumerable.Empty<Item>() // No children for the child nodes in this example
+            } )
+        } ).ToList();
+
+        base.OnInitialized();
+    }
+
+    IEnumerable<Item> Items;
+
+    IList<Item> expandedNodes = new List<Item>();
+    Item selectedNode;
+}
\ No newline at end of file
diff --git a/Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/TreeViewPage.razor b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/TreeViewPage.razor
index 924eabcadd..4233aaba59 100644
--- a/Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/TreeViewPage.razor
+++ b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/TreeView/TreeViewPage.razor
@@ -159,6 +159,36 @@
     <DocsPageSectionSource Code="TreeViewContextMenuExample" />
 </DocsPageSection>
 
+<DocsPageSection>
+    <DocsPageSectionHeader Title="Virtualization">
+        <Paragraph>
+            This example demonstrates how to use virtualization in a Blazorise <Code Tag>TreeView</Code> component to efficiently render large hierarchical data sets. Virtualization improves performance by only rendering the visible nodes in the viewport, rather than all nodes in the tree. This is particularly useful when dealing with large numbers of nodes, as it reduces the DOM size and enhances responsiveness.
+        </Paragraph>
+        <Paragraph>
+            For virtualization to function correctly, it is essential to specify both the <Strong>Height</Strong> and <Strong>Overflow</Strong> properties
+        </Paragraph>
+        <OrderedList>
+            <OrderedListItem>
+                <Paragraph>
+                    <Strong>Height</Strong>: Defines the fixed height of the TreeView component. Without a specified height, the tree would expand indefinitely, defeating the purpose of virtualization since all nodes would be rendered at once.
+                </Paragraph>
+            </OrderedListItem>
+            <OrderedListItem>
+                <Paragraph>
+                    <Strong>Overflow</Strong>: Ensures that the tree's content is scrollable. This scrollable area allows for dynamic loading of nodes as the user scrolls, effectively utilizing virtualization to render only the nodes currently in view.
+                </Paragraph>
+            </OrderedListItem>
+        </OrderedList>
+        <Paragraph>
+            By default, when <Code>Virtualize</Code> is enabled, we will define <Strong>Height</Strong> and <Strong>Overflow</Strong> for you, if they are not already explicitly defined.
+        </Paragraph>
+    </DocsPageSectionHeader>
+    <DocsPageSectionContent Outlined FullWidth>
+        <TreeViewVirtualizationExample />
+    </DocsPageSectionContent>
+    <DocsPageSectionSource Code="TreeViewVirtualizationExample" />
+</DocsPageSection>
+
 <DocsPageSubtitle>
     API
 </DocsPageSubtitle>
@@ -192,6 +222,9 @@
     <DocsAttributesItem Name="AutoExpandAll" Type="bool" Default="false">
         Defines if the treenode should be automatically expanded. Note that it can happen only once when the tree is first loaded.
     </DocsAttributesItem>
+    <DocsAttributesItem Name="Virtualize" Type="bool" Default="false">
+        Controls if the child nodes, which are currently not expanded, are visible. See <Anchor To="https://learn.microsoft.com/en-us/aspnet/core/blazor/components/virtualization">docs for Virtualization</Anchor>.
+    </DocsAttributesItem>
     <DocsAttributesItem Name="ExpandedNodes" Type="List<TNode>">
         List of currently expanded TreeView items (child nodes).
     </DocsAttributesItem>
diff --git a/Documentation/Blazorise.Docs/Pages/News/2024-10-15-release-notes-170.razor b/Documentation/Blazorise.Docs/Pages/News/2024-10-15-release-notes-170.razor
index f3cd8385ea..f6823728ab 100644
--- a/Documentation/Blazorise.Docs/Pages/News/2024-10-15-release-notes-170.razor
+++ b/Documentation/Blazorise.Docs/Pages/News/2024-10-15-release-notes-170.razor
@@ -196,6 +196,14 @@
     After our community has convinced us that these parameters are still useful, we have decided to undeprecate them. We have undeprecated the <Code>CellClass</Code> and <Code>CellStyle</Code> parameters in the <Code>DataGridColumn</Code> component. These parameters allow you to define the class and style for the cell based on the cell item value.
 </Paragraph>
 
+<Heading Size="HeadingSize.Is3">
+    TreeView Virtualization
+</Heading>
+
+<Paragraph>
+    We have added the ability to virtualize the TreeView component. This can be useful when you have a large number of nodes and you want to improve the performance of the TreeView component. The virtualization feature allows you to render only the visible nodes, which can significantly reduce the number of DOM elements and improve the overall performance of the TreeView component.
+</Paragraph>
+
 <Heading Size="HeadingSize.Is3">
     Optimizations
 </Heading>
diff --git a/Source/Extensions/Blazorise.TreeView/Internal/_TreeViewNode.razor b/Source/Extensions/Blazorise.TreeView/Internal/_TreeViewNode.razor
index ededd32c2e..c883c34897 100644
--- a/Source/Extensions/Blazorise.TreeView/Internal/_TreeViewNode.razor
+++ b/Source/Extensions/Blazorise.TreeView/Internal/_TreeViewNode.razor
@@ -1,58 +1,79 @@
-@typeparam TNode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@typeparam TNode
 @inherits BaseComponent
 <CascadingValue Value="@this" IsFixed>
     <div class="@ClassNames" style="@StyleNames" @attributes="@Attributes">
-        @foreach ( var nodeState in NodeStates ?? Enumerable.Empty<TreeViewNodeState<TNode>>() )
+        @if ( NodeStates is not null )
         {
-            <div @key="@nodeState.Key" @oncontextmenu="@((eventArgs)=>OnContextMenuHandler(nodeState, eventArgs))" @oncontextmenu:stopPropagation @oncontextmenu:preventDefault="@ContextMenuPreventDefault">
-                @if ( nodeState.HasChildren )
+            @if ( Virtualize )
+            {
+                <Virtualize TItem="TreeViewNodeState<TNode>" Context="node" Items="@NodeStates.ToList()">
+                    @nodeFragment( node )
+                </Virtualize>
+            }
+            else
+            {
+                @foreach ( var nodeState in NodeStates )
                 {
-                    <span class="b-tree-view-node-icon" @onclick="@(() => ToggleNode(nodeState))">
-                        @if ( nodeState.Expanded )
-                        {
-                            <Icon Name="@CollapseIconName" IconStyle="@CollapseIconStyle" IconSize="@CollapseIconSize" />
-                        }
-                        else
-                        {
-                            <Icon Name="@ExpandIconName" IconStyle="@ExpandIconStyle" IconSize="@ExpandIconSize" />
-                        }
-                    </span>
+                    @nodeFragment( nodeState )
                 }
-
-                <_TreeViewNodeContent TNode="TNode" NodeState="@nodeState"
-                                      NodeStyling="@NodeStyling"
-                                      SelectionMode="@SelectionMode"
-                                      SelectedNodeStyling="@SelectedNodeStyling"
-                                      DisabledNodeStyling="@DisabledNodeStyling">
-                    @NodeContent( nodeState.Node )
-                </_TreeViewNodeContent>
-
-                @if ( nodeState.Expanded && nodeState.HasChildren )
-                {
-                    <_TreeViewNode @ref="@nodeState.ViewRef"
-                                   NodeStates="@nodeState.Children"
-                                   NodeContent="@NodeContent"
-                                   GetChildNodes="@GetChildNodes"
-                                   GetChildNodesAsync="@GetChildNodesAsync"
-                                   ExpandedNodes="@ExpandedNodes"
-                                   ExpandedNodesChanged="@ExpandedNodesChanged"
-                                   Expanded="@nodeState.Expanded"
-                                   AutoExpandAll="@AutoExpandAll"
-                                   HasChildNodes="@HasChildNodes"
-                                   IsDisabled="@IsDisabled"
-                                   HasChildNodesAsync="@HasChildNodesAsync"
-                                   NodeStyling="@NodeStyling"
-                                   SelectedNodeStyling="@SelectedNodeStyling"
-                                   DisabledNodeStyling="@DisabledNodeStyling"
-                                   ExpandIconName="@ExpandIconName"
-                                   ExpandIconStyle="@ExpandIconStyle"
-                                   CollapseIconName="@CollapseIconName"
-                                   CollapseIconStyle="@CollapseIconStyle"
-                                   SelectionMode="@SelectionMode"
-                                   ContextMenu="@ContextMenu"
-                                   ContextMenuPreventDefault="@ContextMenuPreventDefault" />
-                }
-            </div>
+            }
         }
     </div>
-</CascadingValue>
\ No newline at end of file
+</CascadingValue>
+
+@code {
+    protected RenderFragment<TreeViewNodeState<TNode>> nodeFragment => nodeState => __builder =>
+    {
+        <div @key="@nodeState.Key" @oncontextmenu="@((eventArgs)=>OnContextMenuHandler(nodeState, eventArgs))" @oncontextmenu:stopPropagation @oncontextmenu:preventDefault="@ContextMenuPreventDefault">
+            @if ( nodeState.HasChildren )
+            {
+                <span class="b-tree-view-node-icon" @onclick="@(()=>ToggleNode(nodeState))">
+                    @if ( nodeState.Expanded )
+                    {
+                        <Icon Name="@CollapseIconName" IconStyle="@CollapseIconStyle" IconSize="@CollapseIconSize" />
+                    }
+                    else
+                    {
+                        <Icon Name="@ExpandIconName" IconStyle="@ExpandIconStyle" IconSize="@ExpandIconSize" />
+                    }
+                </span>
+            }
+
+            <_TreeViewNodeContent TNode="TNode" NodeState="@nodeState"
+                                  NodeStyling="@NodeStyling"
+                                  SelectionMode="@SelectionMode"
+                                  SelectedNodeStyling="@SelectedNodeStyling"
+                                  DisabledNodeStyling="@DisabledNodeStyling">
+                @NodeContent( nodeState.Node )
+            </_TreeViewNodeContent>
+
+            @if ( nodeState.Expanded && nodeState.HasChildren )
+            {
+                <_TreeViewNode @ref="@nodeState.ViewRef"
+                               NodeStates="@nodeState.Children"
+                               NodeContent="@NodeContent"
+                               GetChildNodes="@GetChildNodes"
+                               GetChildNodesAsync="@GetChildNodesAsync"
+                               ExpandedNodes="@ExpandedNodes"
+                               ExpandedNodesChanged="@ExpandedNodesChanged"
+                               Expanded="@nodeState.Expanded"
+                               AutoExpandAll="@AutoExpandAll"
+                               HasChildNodes="@HasChildNodes"
+                               IsDisabled="@IsDisabled"
+                               HasChildNodesAsync="@HasChildNodesAsync"
+                               NodeStyling="@NodeStyling"
+                               SelectedNodeStyling="@SelectedNodeStyling"
+                               DisabledNodeStyling="@DisabledNodeStyling"
+                               ExpandIconName="@ExpandIconName"
+                               ExpandIconStyle="@ExpandIconStyle"
+                               CollapseIconName="@CollapseIconName"
+                               CollapseIconStyle="@CollapseIconStyle"
+                               SelectionMode="@SelectionMode"
+                               ContextMenu="@ContextMenu"
+                               ContextMenuPreventDefault="@ContextMenuPreventDefault"
+                               Virtualize="@Virtualize" />
+            }
+        </div>
+    };
+}
\ No newline at end of file
diff --git a/Source/Extensions/Blazorise.TreeView/Internal/_TreeViewNode.razor.cs b/Source/Extensions/Blazorise.TreeView/Internal/_TreeViewNode.razor.cs
index db518a77d8..009f9e5f68 100644
--- a/Source/Extensions/Blazorise.TreeView/Internal/_TreeViewNode.razor.cs
+++ b/Source/Extensions/Blazorise.TreeView/Internal/_TreeViewNode.razor.cs
@@ -132,10 +132,10 @@ private async Task LoadChildNodes( TreeViewNodeState<TNode> nodeState )
                 ? GetChildNodes( nodeState.Node )
                 : null;
 
-        NotifyCollectionChangedEventHandler childrenChangedHandler = ( ( sender, e ) =>
+        NotifyCollectionChangedEventHandler childrenChangedHandler = ( sender, e ) =>
         {
             OnChildrenChanged( sender, e, nodeState, childNodes );
-        } );
+        };
 
         if ( childNodes is INotifyCollectionChanged observableCollection )
         {
@@ -171,7 +171,8 @@ private async void OnChildrenChanged( object sender, NotifyCollectionChangedEven
         {
             await foreach ( var childNodeState in e.NewItems.ToNodeStates( HasChildNodesAsync, DetermineHasChildNodes, ( node ) => ExpandedNodes?.Contains( node ) == true, DetermineIsDisabled ) )
             {
-                nodeState.Children.Add( childNodeState );
+                if ( !nodeState.Children.Exists( x => x.Node.IsEqual( childNodeState.Node ) ) )
+                    nodeState.Children.Add( childNodeState );
             }
         }
         else if ( e.Action == NotifyCollectionChangedAction.Remove )
@@ -305,6 +306,12 @@ protected virtual Task OnContextMenuHandler( TreeViewNodeState<TNode> nodeState,
     /// </summary>
     [Parameter] public bool AutoExpandAll { get; set; }
 
+    /// <summary>
+    /// Controls if the child nodes, which are currently not expanded, are visible.<para></para>
+    /// This is useful for optimizing large TreeViews. See <see href="https://learn.microsoft.com/en-us/aspnet/core/blazor/components/virtualization">Docs for virtualization</see> for more info.
+    /// </summary>
+    [Parameter] public bool Virtualize { get; set; }
+
     /// <summary>
     /// Defines the name of the treenode expand icon.
     /// </summary>
diff --git a/Source/Extensions/Blazorise.TreeView/TreeView.razor b/Source/Extensions/Blazorise.TreeView/TreeView.razor
index 4c26b86b3b..bc3d0561d6 100644
--- a/Source/Extensions/Blazorise.TreeView/TreeView.razor
+++ b/Source/Extensions/Blazorise.TreeView/TreeView.razor
@@ -19,30 +19,6 @@
                            SelectedNodeStyling="@SelectedNodeStyling"
                            DisabledNodeStyling="@DisabledNodeStyling"
                            SelectionMode="@SelectionMode"
-                           Class="@Class"
-                           Style="@Style"
-                           Float="@Float"
-                           Clearfix="@Clearfix"
-                           Visibility="@Visibility"
-                           Width="@Width"
-                           Height="@Height"
-                           Margin="@Margin"
-                           Padding="@Padding"
-                           Display="@Display"
-                           Border="@Border"
-                           Flex="@Flex"
-                           Position="@Position"
-                           Overflow="@Overflow"
-                           Casing="@Casing"
-                           TextColor="@TextColor"
-                           TextAlignment="@TextAlignment"
-                           TextTransform="@TextTransform"
-                           TextWeight="@TextWeight"
-                           TextOverflow="@TextOverflow"
-                           VerticalAlignment="@VerticalAlignment"
-                           Background="@Background"
-                           Shadow="@Shadow"
-                           Attributes="@Attributes"
                            ExpandIconName="@ExpandIconName"
                            ExpandIconStyle="@ExpandIconStyle"
                            ExpandIconSize="@ExpandIconSize"
@@ -50,7 +26,8 @@
                            CollapseIconStyle="@CollapseIconStyle"
                            CollapseIconSize="@CollapseIconSize"
                            ContextMenu="@NodeContextMenu"
-                           ContextMenuPreventDefault="@NodeContextMenuPreventDefault">
+                           ContextMenuPreventDefault="@NodeContextMenuPreventDefault"
+                           Virtualize="@Virtualize">
             </_TreeViewNode>
         </div>
     </CascadingValue>
diff --git a/Source/Extensions/Blazorise.TreeView/TreeView.razor.cs b/Source/Extensions/Blazorise.TreeView/TreeView.razor.cs
index 0cb7b643e8..bf962c0a4f 100644
--- a/Source/Extensions/Blazorise.TreeView/TreeView.razor.cs
+++ b/Source/Extensions/Blazorise.TreeView/TreeView.razor.cs
@@ -37,6 +37,11 @@ public override async Task SetParametersAsync( ParameterView parameters )
         bool nodesChanged = parameters.TryGetValue<IEnumerable<TNode>>( nameof( Nodes ), out var paramNodes ) && !paramNodes.AreEqual( Nodes );
         bool selectedNodeChanged = parameters.TryGetValue<TNode>( nameof( SelectedNode ), out var paramSelectedNode ) && !paramSelectedNode.IsEqual( treeViewState.SelectedNode );
         bool selectedNodesChanged = parameters.TryGetValue<IList<TNode>>( nameof( SelectedNodes ), out var paramSelectedNodes ) && !paramSelectedNodes.AreEqual( treeViewState.SelectedNodes );
+        bool virtualizeDefined = parameters.TryGetValue<bool>( nameof( Virtualize ), out var paramVirtualize );
+        bool virtualizeChanged = virtualizeDefined && !paramVirtualize.IsEqual( Virtualize );
+
+        bool heightDefined = parameters.TryGetValue<IFluentSizing>( nameof( Height ), out var paramHeight );
+        bool overflowDefined = parameters.TryGetValue<IFluentOverflow>( nameof( Overflow ), out var paramOverflow );
 
         if ( selectedNodeChanged )
         {
@@ -57,6 +62,22 @@ public override async Task SetParametersAsync( ParameterView parameters )
 
         await base.SetParametersAsync( parameters );
 
+        if ( Rendered && virtualizeChanged )
+        {
+            if ( !heightDefined && paramVirtualize )
+                Height = Blazorise.Height.Px( 300 );
+            else
+                Height = paramHeight;
+
+            if ( !overflowDefined && paramVirtualize )
+                Overflow = Blazorise.Overflow.Auto;
+            else
+                Overflow = paramOverflow;
+
+            DirtyClasses();
+            DirtyStyles();
+        }
+
         if ( nodesChanged )
         {
             await Reload();
@@ -341,6 +362,12 @@ public TreeViewSelectionMode SelectionMode
     /// </summary>
     [Parameter] public bool AutoExpandAll { get; set; }
 
+    /// <summary>
+    /// Controls if the child nodes, which are currently not expanded, are visible.
+    /// This is useful for optimizing large TreeViews. See <see href="https://learn.microsoft.com/en-us/aspnet/core/blazor/components/virtualization">Docs for virtualization</see> for more info.
+    /// </summary>
+    [Parameter] public bool Virtualize { get; set; }
+
     /// <summary>
     /// List of currently expanded TreeView items (child nodes).
     /// </summary>
diff --git a/workload-install.ps1 b/workload-install.ps1
new file mode 100644
index 0000000000..cb38ab0cef
--- /dev/null
+++ b/workload-install.ps1
@@ -0,0 +1,328 @@
+#
+# Copyright (c) Samsung Electronics. All rights reserved.
+# Licensed under the MIT license. See LICENSE file in the project root for full license information.
+#
+
+<#
+.SYNOPSIS
+Installs Tizen workload manifest.
+.DESCRIPTION
+Installs the WorkloadManifest.json and WorkloadManifest.targets files for Tizen to the dotnet sdk.
+.PARAMETER Version
+Use specific VERSION
+.PARAMETER DotnetInstallDir
+Dotnet SDK Location installed
+#>
+
+[cmdletbinding()]
+param(
+    [Alias('v')][string]$Version="<latest>",
+    [Alias('d')][string]$DotnetInstallDir="<auto>",
+    [Alias('t')][string]$DotnetTargetVersionBand="<auto>",
+    [Alias('u')][switch]$UpdateAllWorkloads
+)
+
+Set-StrictMode -Version Latest
+$ErrorActionPreference = "Stop"
+$ProgressPreference = "SilentlyContinue"
+
+$ManifestBaseName = "Samsung.NET.Sdk.Tizen.Manifest"
+$global:FallbackId = ""
+
+$LatestVersionMap = [ordered]@{
+    "$ManifestBaseName-6.0.100" = "7.0.101";
+    "$ManifestBaseName-6.0.200" = "7.0.100-preview.13.6";
+    "$ManifestBaseName-6.0.300" = "8.0.133";
+    "$ManifestBaseName-6.0.400" = "8.0.140";
+    "$ManifestBaseName-7.0.100-preview.6" = "7.0.100-preview.6.14";
+    "$ManifestBaseName-7.0.100-preview.7" = "7.0.100-preview.7.20";
+    "$ManifestBaseName-7.0.100-rc.1" = "7.0.100-rc.1.22";
+    "$ManifestBaseName-7.0.100-rc.2" = "7.0.100-rc.2.24";
+    "$ManifestBaseName-7.0.100" = "7.0.103";
+    "$ManifestBaseName-7.0.200" = "7.0.105";
+    "$ManifestBaseName-7.0.300" = "7.0.120";
+    "$ManifestBaseName-7.0.400" = "8.0.141";
+    "$ManifestBaseName-8.0.100-alpha.1" = "7.0.104";
+    "$ManifestBaseName-8.0.100-preview.2" = "7.0.106";
+    "$ManifestBaseName-8.0.100-preview.3" = "7.0.107";
+    "$ManifestBaseName-8.0.100-preview.4" = "7.0.108";
+    "$ManifestBaseName-8.0.100-preview.5" = "7.0.110";
+    "$ManifestBaseName-8.0.100-preview.6" = "7.0.121";
+    "$ManifestBaseName-8.0.100-preview.7" = "7.0.122";
+    "$ManifestBaseName-8.0.100-rc.1" = "7.0.124";
+    "$ManifestBaseName-8.0.100-rc.2" = "7.0.125";
+    "$ManifestBaseName-8.0.100-rtm" = "7.0.127";
+    "$ManifestBaseName-8.0.100" = "8.0.144";
+    "$ManifestBaseName-8.0.200" = "8.0.145";
+    "$ManifestBaseName-8.0.300" = "8.0.149";
+    "$ManifestBaseName-9.0.100-alpha.1" = "8.0.134";
+    "$ManifestBaseName-9.0.100-preview.1" = "8.0.135";
+    "$ManifestBaseName-9.0.100-preview.2" = "8.0.137";
+}
+
+function New-TemporaryDirectory {
+    $parent = [System.IO.Path]::GetTempPath()
+    $name = [System.IO.Path]::GetRandomFileName()
+    New-Item -ItemType Directory -Path (Join-Path $parent $name)
+}
+
+function Ensure-Directory([string]$TestDir) {
+    Try {
+        New-Item -ItemType Directory -Path $TestDir -Force -ErrorAction stop | Out-Null
+        [io.file]::OpenWrite($(Join-Path -Path $TestDir -ChildPath ".test-write-access")).Close()
+        Remove-Item -Path $(Join-Path -Path $TestDir -ChildPath ".test-write-access") -Force
+    }
+    Catch [System.UnauthorizedAccessException] {
+        Write-Error "No permission to install. Try run with administrator mode."
+    }
+}
+
+function Get-LatestVersion([string]$Id) {
+    $attempts=3
+    $sleepInSeconds=3
+    do
+    {
+        try
+        {
+            $Response = Invoke-WebRequest -Uri https://api.nuget.org/v3-flatcontainer/$Id/index.json -UseBasicParsing | ConvertFrom-Json
+            return $Response.versions | Select-Object -Last 1
+        }
+        catch {
+            Write-Host "Id: $Id"
+            Write-Host "An exception was caught: $($_.Exception.Message)"
+        }
+
+        $attempts--
+        if ($attempts -gt 0) { Start-Sleep $sleepInSeconds }
+    } while ($attempts -gt 0)
+
+    if ($LatestVersionMap.Contains($Id))
+    {
+        Write-Host "Return cached latest version."
+        return $LatestVersionMap.$Id
+    }
+    else
+    {
+        $SubStringId = $Id.Substring(0, $ManifestBaseName.Length + 2);
+        $MatchingFallbackId = @()
+        $MatchingFallbackVersion = @()
+        foreach ($key in $LatestVersionMap.Keys) {
+            if ($key -like "$SubStringId*") {
+                $MatchingFallbackId += $key
+                $MatchingFallbackVersion += $LatestVersionMap[$key]
+            }
+        }
+        if ($MatchingFallbackVersion)
+        {
+            $global:FallbackId = $MatchingFallbackId[-1]
+            $FallbackVersion = $MatchingFallbackVersion[-1]
+            Write-Host "Return fallback version: $FallbackVersion"
+            return $FallbackVersion
+        }
+    }
+
+    Write-Error "Wrong Id: $Id"
+}
+
+function Get-Package([string]$Id, [string]$Version, [string]$Destination, [string]$FileExt = "nupkg") {
+    $OutFileName = "$Id.$Version.$FileExt"
+    $OutFilePath = Join-Path -Path $Destination -ChildPath $OutFileName
+
+    if ($Id -match ".net[0-9]+$") {
+        $Id = $Id -replace (".net[0-9]+", "")
+    }
+
+    Invoke-WebRequest -Uri "https://www.nuget.org/api/v2/package/$Id/$Version" -OutFile $OutFilePath
+
+    return $OutFilePath
+}
+
+function Install-Pack([string]$Id, [string]$Version, [string]$Kind) {
+    $TempZipFile = $(Get-Package -Id $Id -Version $Version -Destination $TempDir -FileExt "zip")
+    $TempUnzipDir = Join-Path -Path $TempDir -ChildPath "unzipped\$Id"
+
+    switch ($Kind) {
+        "manifest" {
+            Expand-Archive -Path $TempZipFile -DestinationPath $TempUnzipDir
+            New-Item -Path $TizenManifestDir -ItemType "directory" -Force | Out-Null
+            Copy-Item -Path "$TempUnzipDir\data\*" -Destination $TizenManifestDir -Force
+        }
+        {($_ -eq "sdk") -or ($_ -eq "framework")} {
+            Expand-Archive -Path $TempZipFile -DestinationPath $TempUnzipDir
+            if ( ($kind -eq "sdk") -and ($Id -match ".net[0-9]+$")) {
+                $Id = $Id -replace (".net[0-9]+", "")
+            }
+            $TargetDirectory = $(Join-Path -Path $DotnetInstallDir -ChildPath "packs\$Id\$Version")
+            New-Item -Path $TargetDirectory -ItemType "directory" -Force | Out-Null
+            Copy-Item -Path "$TempUnzipDir/*" -Destination $TargetDirectory -Recurse -Force
+        }
+        "template" {
+            $TargetFileName = "$Id.$Version.nupkg".ToLower()
+            $TargetDirectory = $(Join-Path -Path $DotnetInstallDir -ChildPath "template-packs")
+            New-Item -Path $TargetDirectory -ItemType "directory" -Force | Out-Null
+            Copy-Item $TempZipFile -Destination $(Join-Path -Path $TargetDirectory -ChildPath "$TargetFileName") -Force
+        }
+    }
+}
+
+function Remove-Pack([string]$Id, [string]$Version, [string]$Kind) {
+    switch ($Kind) {
+        "manifest" {
+            Remove-Item -Path $TizenManifestDir -Recurse -Force
+        }
+        {($_ -eq "sdk") -or ($_ -eq "framework")} {
+            $TargetDirectory = $(Join-Path -Path $DotnetInstallDir -ChildPath "packs\$Id\$Version")
+            Remove-Item -Path $TargetDirectory -Recurse -Force
+        }
+        "template" {
+            $TargetFileName = "$Id.$Version.nupkg".ToLower();
+            Remove-Item -Path $(Join-Path -Path $DotnetInstallDir -ChildPath "template-packs\$TargetFileName") -Force
+        }
+    }
+}
+
+function Install-TizenWorkload([string]$DotnetVersion)
+{
+    $VersionSplitSymbol = '.'
+    $SplitVersion = $DotnetVersion.Split($VersionSplitSymbol)
+
+    $CurrentDotnetVersion = [Version]"$($SplitVersion[0]).$($SplitVersion[1])"
+    $DotnetVersionBand = $SplitVersion[0] + $VersionSplitSymbol + $SplitVersion[1] + $VersionSplitSymbol + $SplitVersion[2][0] + "00"
+    $ManifestName = "$ManifestBaseName-$DotnetVersionBand"
+
+    if ($DotnetTargetVersionBand -eq "<auto>" -or $UpdateAllWorkloads.IsPresent) {
+        if ($CurrentDotnetVersion -ge "7.0")
+        {
+            $IsPreviewVersion = $DotnetVersion.Contains("-preview") -or $DotnetVersion.Contains("-rc") -or $DotnetVersion.Contains("-alpha")
+            if ($IsPreviewVersion -and ($SplitVersion.Count -ge 4)) {
+                $DotnetTargetVersionBand = $DotnetVersionBand + $SplitVersion[2].SubString(3) + $VersionSplitSymbol + $($SplitVersion[3])
+                $ManifestName = "$ManifestBaseName-$DotnetTargetVersionBand"
+            }
+            elseif ($DotnetVersion.Contains("-rtm") -and ($SplitVersion.Count -ge 3)) {
+                $DotnetTargetVersionBand = $DotnetVersionBand + $SplitVersion[2].SubString(3)
+                $ManifestName = "$ManifestBaseName-$DotnetTargetVersionBand"
+            }
+            else {
+                $DotnetTargetVersionBand = $DotnetVersionBand
+            }
+        }
+        else {
+            $DotnetTargetVersionBand = $DotnetVersionBand
+        }
+    }
+
+    # Check latest version of manifest.
+    if ($Version -eq "<latest>" -or $UpdateAllWorkloads.IsPresent) {
+        $Version = Get-LatestVersion -Id $ManifestName
+    }
+
+    # Check workload manifest directory.
+    $ManifestDir = Join-Path -Path $DotnetInstallDir -ChildPath "sdk-manifests" | Join-Path -ChildPath $DotnetTargetVersionBand
+    $TizenManifestDir = Join-Path -Path $ManifestDir -ChildPath "samsung.net.sdk.tizen"
+    $TizenManifestFile = Join-Path -Path $TizenManifestDir -ChildPath "WorkloadManifest.json"
+
+    # Check and remove already installed old version.
+    if (Test-Path $TizenManifestFile) {
+        $ManifestJson = $(Get-Content $TizenManifestFile | ConvertFrom-Json)
+        $OldVersion = $ManifestJson.version
+        if ($OldVersion -eq $Version) {
+            $DotnetWorkloadList = Invoke-Expression "& '$DotnetCommand' workload list | Select-String -Pattern '^tizen'"
+            if ($DotnetWorkloadList)
+            {
+                Write-Host "Tizen Workload $Version version is already installed."
+                Continue
+            }
+        }
+
+        Ensure-Directory $ManifestDir
+        Write-Host "Removing $ManifestName/$OldVersion from $ManifestDir..."
+        Remove-Pack -Id $ManifestName -Version $OldVersion -Kind "manifest"
+        $ManifestJson.packs.PSObject.Properties | ForEach-Object {
+            Write-Host "Removing $($_.Name)/$($_.Value.version)..."
+            Remove-Pack -Id $_.Name -Version $_.Value.version -Kind $_.Value.kind
+        }
+    }
+
+    Ensure-Directory $ManifestDir
+    $TempDir = $(New-TemporaryDirectory)
+
+    # Install workload manifest.
+    Write-Host "Installing $ManifestName/$Version to $ManifestDir..."
+    if ($global:FallbackId) {
+        Install-Pack -Id $global:FallbackId -Version $Version -Kind "manifest"
+    } else {
+        Install-Pack -Id $ManifestName -Version $Version -Kind "manifest"
+    }
+
+    # Download and install workload packs.
+    $NewManifestJson = $(Get-Content $TizenManifestFile | ConvertFrom-Json)
+    $NewManifestJson.packs.PSObject.Properties | ForEach-Object {
+        Write-Host "Installing $($_.Name)/$($_.Value.version)..."
+        Install-Pack -Id $_.Name -Version $_.Value.version -Kind $_.Value.kind
+    }
+
+    # Add tizen to the installed workload metadata.
+    # Featured version band for metadata does NOT include any preview specifier.
+    # https://github.com/dotnet/sdk/blob/main/documentation/general/workloads/user-local-workloads.md
+    New-Item -Path $(Join-Path -Path $DotnetInstallDir -ChildPath "metadata\workloads\$DotnetVersionBand\InstalledWorkloads\tizen") -Force | Out-Null
+    if (Test-Path $(Join-Path -Path $DotnetInstallDir -ChildPath "metadata\workloads\$DotnetVersionBand\InstallerType\msi")) {
+        New-Item -Path "HKLM:\SOFTWARE\Microsoft\dotnet\InstalledWorkloads\Standalone\x64\$DotnetTargetVersionBand\tizen" -Force | Out-Null
+    }
+
+    # Clean up
+    Remove-Item -Path $TempDir -Force -Recurse
+
+    Write-Host "Done installing Tizen workload $Version"
+}
+
+# Check dotnet install directory.
+if ($DotnetInstallDir -eq "<auto>") {
+    if ($Env:DOTNET_ROOT -And $(Test-Path "$Env:DOTNET_ROOT")) {
+        $DotnetInstallDir = $Env:DOTNET_ROOT
+    } else {
+        $DotnetInstallDir = Join-Path -Path $Env:Programfiles -ChildPath "dotnet"
+    }
+}
+if (-Not $(Test-Path "$DotnetInstallDir")) {
+    Write-Error "No installed dotnet '$DotnetInstallDir'."
+}
+
+# Check installed dotnet version
+$DotnetCommand = "$DotnetInstallDir\dotnet"
+if (Get-Command $DotnetCommand -ErrorAction SilentlyContinue)
+{
+    if ($UpdateAllWorkloads.IsPresent)
+    {
+        $InstalledDotnetSdks = Invoke-Expression "& '$DotnetCommand' --list-sdks | Select-String -Pattern '^6|^7'" | ForEach-Object {$_ -replace (" \[.*","")}
+    }
+    else
+    {
+        $InstalledDotnetSdks = Invoke-Expression "& '$DotnetCommand' --version"
+    }
+}
+else
+{
+    Write-Error "'$DotnetCommand' occurs an error."
+}
+
+if (-Not $InstalledDotnetSdks)
+{
+    Write-Host "`n.NET SDK version 6 or later is required to install Tizen Workload."
+}
+else
+{
+    foreach ($DotnetSdk in $InstalledDotnetSdks)
+    {
+        try {
+            Write-Host "`nCheck Tizen Workload for sdk $DotnetSdk"
+            Install-TizenWorkload -DotnetVersion $DotnetSdk
+        }
+        catch {
+            Write-Host "Failed to install Tizen Workload for sdk $DotnetSdk"
+            Write-Host "$_"
+            Continue
+        }
+    }
+}
+
+Write-Host "`nDone"