BootstrapTreeView Class
In This Article
Represents the web navigation treelike control.
Namespace: DevExpress.Web.Bootstrap
Assembly: DevExpress.Web.Bootstrap.v24.2.dll
NuGet Package: DevExpress.Web.Bootstrap
#Declaration
[DXClientDocumentationProviderWeb("BootstrapTreeView")]
[ToolboxTabName("DX.24.2: Bootstrap Controls")]
public class BootstrapTreeView :
ASPxTreeView,
ISimpleRenderControl
#Related API Members
The following members return BootstrapTreeView objects:
#Remarks
Note
The Bootstrap
- The control’s client-side equivalent is represented by the Bootstrap
Client object.Tree View - On the client side, the client object can be accessed directly by the name specified via the ASPx
Tree property.View. Client Instance Name - The available client events can be accessed by using the ASPx
Tree property.View. Client Side Events
The control’s client-side API is enabled if the ASPx
#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:
<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
See Also