Skip to main content

DxTreeViewNode.Expanded Property

Specifies whether the node is expanded.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.1.dll

NuGet Package: DevExpress.Blazor


public bool Expanded { get; set; }

Property Value

Type Default Description
Boolean false

true if the node is expanded; false if the node is collapsed.


Use the Expanded property to expand or collapse the node. Handle the ExpandedChanged to react to the node’s expansion or collapse.

The code below expands the Data Editors node:

        <DxTreeViewNode Name="Overview" Text="Overview" NavigateUrl="" />
        <DxTreeViewNode Name="Editors" Text="Data Editors" Expanded="true">
                <DxTreeViewNode Text="Combobox" NavigateUrl="" Target="_blank" />
                <DxTreeViewNode Text="Spin Edit" NavigateUrl="" />
        <DxTreeViewNode Name="FormLayout" Text="Form Layout" NavigateUrl="" BadgeText="Upd" />
        <DxTreeViewNode Name="TreeView" Text="TreeView" NavigateUrl="" BadgeText="New"  />
        <DxTreeViewNode Name="Tabs" Text="Tabs" NavigateUrl="" Visible="false" BadgeText="New" />

TreeView Node Collection

To expand or collapse all nodes, use the ExpandAll() and CollapseAll() methods.

See Also