Back to Devexpress

DxTreeView.Nodes Property

blazor-devexpress-dot-blazor-dot-dxtreeview.md

latest2.4 KB
Original Source

DxTreeView.Nodes Property

Provides access to the component node collection.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public RenderFragment Nodes { get; set; }

Property Value

TypeDescription
RenderFragment

A collection of nodes (UI fragment) that the browser renders in the corresponding component’s markup.

|

Remarks

Use the Nodes property to access a collection of nodes in the DxTreeView component. Every node in the collection is defined by the DxTreeViewNode class object and can contain its own Nodes collection.

The following code snippet expands the Data Editors node:

razor
<DxTreeView>
    <Nodes>
        <DxTreeViewNode Name="Overview" Text="Overview" NavigateUrl="https://demos.devexpress.com/blazor/" />
        <DxTreeViewNode Name="Editors" Text="Data Editors" Expanded="true">
            <Nodes>
                <DxTreeViewNode Text="Combobox" NavigateUrl="https://demos.devexpress.com/blazor/ComboBox" Target="_blank" />
                <DxTreeViewNode Text="Spin Edit" NavigateUrl="https://demos.devexpress.com/blazor/SpinEdit" />
            </Nodes>
        </DxTreeViewNode>
        <DxTreeViewNode Name="FormLayout" Text="Form Layout" NavigateUrl="https://demos.devexpress.com/blazor/FormLayout" BadgeText="Upd" />
        <DxTreeViewNode Name="TreeView" Text="TreeView" NavigateUrl="https://demos.devexpress.com/blazor/TreeView" BadgeText="New" />
        <DxTreeViewNode Name="Tabs" Text="Tabs" NavigateUrl="https://demos.devexpress.com/blazor/Tabs" Visible="false" BadgeText="New" />
    </Nodes>
</DxTreeView>

Online Demo

TreeView - Selection

See Also

DxTreeView Class

DxTreeView Members

DevExpress.Blazor Namespace