[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Collapse]Tree List
   [Expand]Product Information
   [Expand]Feature Center
   [Expand]Visual Elements
   [Expand]Design-Time Features
    [Collapse]Data Binding
      How to: Create Nodes in Unbound Mode at Design Time
      How to: Create Nodes in Unbound Mode in Code
      How to: Implement Virtual Mode (Dynamic Loading) in Unbound Mode
      How to: Load Data Dynamically via Events
    [Expand]Data Editing
    [Expand]Data Representation
    [Expand]Focus and Selection
     How to: Drag XtraGrid rows to the XtraTreeList
     How to: Dynamically Show and Hide Specific Nodes
     How to: Format a Column's Numeric Values as Currency
   [Expand]End User Capabilities
   [Expand]Member Tables
  [Expand]Gantt Control
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

How to: Create Nodes in Unbound Mode at Design Time

This tutorial shows how to create nodes at design time in Unbound Mode using the Tree List Designer.

Expanded Step 1. Creating Columns

Columns should be created before nodes. To create columns at design time, invoke the Tree List Designer and switch to the Columns page. Use the buttons at the top of this page to add, insert and delete columns.

In unbound mode, you can use the TreeListColumn.UnboundType property to specify the type of data the columns displays. For instance, setting a column's TreeListColumn.UnboundType property to UnboundColumnType.Integer prevents an end-user from entering string data within the column. Only integer values are accepted. When the property's value is modified, the Tree List tries to automatically convert the column's current values to the new type.

Expanded Step 2. Creating Nodes

Switch to the Nodes (Unbound mode) page in the Tree List Designer. To add or delete nodes, use the corresponding buttons at the top of this page.

This dialog also allows the state and select images to be assigned to nodes. In the current example, state images are assigned to nodes. Ensure that the state images' sources are specified using the Tree List's TreeList.StateImageList property beforehand. Otherwise, the "State Image" combo box is disabled.

Here, you can also edit node cells and change the column layout.

When the Apply button is clicked, the code that adds the created nodes to the TreeList.Nodes collection is generated. This code is then added to the InitializeComponent method.

The following image shows the result:

Expanded See Also

Is this topic helpful?​​​​​​​