BootstrapTreeViewNodeCollection Class

A collection of nodes within the Tree View control.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v23.2.dll

NuGet Package: DevExpress.Web.Bootstrap

Declaration

C#

public class BootstrapTreeViewNodeCollection :
    TreeViewNodeCollection

VB.NET

Public Class BootstrapTreeViewNodeCollection
    Inherits TreeViewNodeCollection

Related API Members

The following members return BootstrapTreeViewNodeCollection objects:

• BootstrapTreeView.Nodes
• BootstrapTreeViewNode.Nodes
• BootstrapTreeViewNodeCollection.ForEach(Action<BootstrapTreeViewNode>)

Remarks

Each node within a Tree View can have its own child nodes, held within a collection, which is an instance of the BootstrapTreeViewNodeCollection class and can be accessed via the Nodes property. The properties and methods exposed by the BootstrapTreeViewNodeCollection class can be used to perform collection operations, such as adding new or deleting existing nodes. Each node of the collection is denoted by a BootstrapTreeViewNode object. Individual nodes can be accessed using indexer notation, by their names or display texts, using the specific methods of the collection.

Example

This example demonstrates the basic functionality of the Tree View control.

• Initialize a new instance of the BootstrapTreeView class.
• Add required nodes (BootstrapTreeViewNode objects) to the BootstrapTreeView.Nodes collection.
• Use the TreeViewNode.Text to specify the text displayed within the node content.

The image below shows the result:

ASPX

<dx:BootstrapTreeView runat="server">
    <Nodes>
        <dx:BootstrapTreeViewNode Text="Home" Expanded="true">
            <Nodes>
                <dx:BootstrapTreeViewNode Text="News">
                    <Nodes>
                        <dx:BootstrapTreeViewNode Text="For Developers">
                        </dx:BootstrapTreeViewNode>
                        <dx:BootstrapTreeViewNode Text="Website news">
                        </dx:BootstrapTreeViewNode>
                    </Nodes>
                </dx:BootstrapTreeViewNode>
                <dx:BootstrapTreeViewNode Text="Our Mission">
                </dx:BootstrapTreeViewNode>
            </Nodes>
        </dx:BootstrapTreeViewNode>
        ...
    </Nodes>
</dx:BootstrapTreeView>

Inheritance

Object

StateManagedCollectionBase

Collection

Collection<TreeViewNode>

HierarchicalCollection<TreeViewNode>

TreeViewNodeCollection

BootstrapTreeViewNodeCollection