Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [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]Examples
    [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]Nodes
    [Expand]Data Editing
    [Expand]Data Representation
    [Expand]Sorting
    [Expand]Summaries
    [Expand]Appearance
    [Expand]Focus and Selection
    [Expand]Miscellaneous
     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
     How to: Hide specific nodes using filter conditions
   [Expand]End User Capabilities
   [Expand]Member Tables
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [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]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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

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