Log In
[Expand]General Information
[Collapse]WinForms Controls
 [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]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 a Tree Structure for a Business Object
      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: Format a Column's Numeric Values as Currency
     How to: Hide Specific Nodes
     How to: Hide specific nodes using filter conditions
   [Expand]End User Capabilities
   [Expand]Member Tables
  [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]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

How to: Create Nodes in Unbound Mode at Design Time

In unbound mode, you may want to create nodes at design time. This tutorial shows how to do this using the Nodes Editor.

Expanded Step 1. Creating Columns

Columns must 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 will display. For instance, setting a column's TreeListColumn.UnboundType property to UnboundColumnType.Integer will prevent an end-user from entering string data within the column. Only integer values will be 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

Create a node hierarchy using the Nodes Editor.

The Nodes Editor dialog contains buttons used to add and delete nodes.

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

In the Preview pane, you can edit node cells and change the column layout.

When the OK 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

How would you rate this topic?​​​​​​​