BootstrapTreeView Class

Represents the web navigation treelike control.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v24.1.dll

NuGet Package: DevExpress.Web.Bootstrap

Declaration

C#

[DXClientDocumentationProviderWeb("BootstrapTreeView")]
[ToolboxTabName("DX.24.1: Bootstrap Controls")]
public class BootstrapTreeView :
    ASPxTreeView,
    ISimpleRenderControl

VB.NET

<ToolboxTabName("DX.24.1: Bootstrap Controls")>
<DXClientDocumentationProviderWeb("BootstrapTreeView")>
Public Class BootstrapTreeView
    Inherits ASPxTreeView
    Implements ISimpleRenderControl

Related API Members

The following members return BootstrapTreeView objects:

• BootstrapTreeViewNode.TreeView
• BootstrapTreeViewVirtualNode.TreeView

Remarks

Note

The BootstrapTreeView control provides you with comprehensive client-side functionality implemented using JavaScript code:

• The control’s client-side equivalent is represented by the BootstrapClientTreeView object.
• On the client side, the client object can be accessed directly by the name specified via the ASPxTreeView.ClientInstanceName property.
• The available client events can be accessed by using the ASPxTreeView.ClientSideEvents property.

The control’s client-side API is enabled if the ASPxTreeView.EnableClientSideAPI property is set to true, or the ASPxTreeView.ClientInstanceName property is defined, or any client event is handled.

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

Control

WebControl

ASPxWebControlBase

ASPxWebControl

ASPxDataWebControlBase

ASPxHierarchicalDataWebControl

ASPxTreeView

BootstrapTreeView