BootstrapTreeView Class

Represents the web navigation treelike control.

Namespace : DevExpress.Web.Bootstrap

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

NuGet Package : DevExpress.Web.Bootstrap

Declaration

C#
VB.NET

csharp

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

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

The following members return BootstrapTreeView objects:

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

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

BootstrapTreeView Class

BootstrapTreeView Class

Declaration

Related API Members

Remarks

Example

Inheritance