Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

TreeList View

  • 2 minutes to read

The TreeListView is designed to display information in a tree - in either bound or unbound mode. Data is arranged in columns and nodes (rows). Grid columns correspond to data fields in a data source and nodes represent data records.

TreeListView

<dxg:GridControl AutoGenerateColumns="AddNew" 
                 EnableSmartColumnsGeneration="True" 
                 ItemsSource="{Binding Customers}">
    <dxg:GridControl.View>
        <dxg:TreeListView Name="treeListView" AutoWidth="True"
                          KeyFieldName="ID" ParentFieldName="ParentID"
                          TreeDerivationMode="Selfreference"/>
    </dxg:GridControl.View>
</dxg:GridControl>  

Along with the standard data-aware and presentation features such as data editing, sorting, filtering, summary calculation, built-in validation, unbound columns, runtime column customization and so on, its specific features include:

  • Display Hierarchical Data

    Obtain information from different hierarchical data structures and display it in a tree form.

  • Unbound Mode

    You can create a tree in XAML or code. Nodes can be represented by objects of different types. The only requirement is that these data objects should have common fields (columns).

  • Fetch Nodes Asynchronously

    Fetch child nodes in a background thread to keep the application UI responsive to user actions.

  • Load Data On-Demand

    You can create a tree structure on demand. Child nodes are dynamically created and initialized when their parent node is expanded.

  • Tree-Traversal API

    To simplify managing hierarchical data (without writing additional recursive code), the TreeList ships with an easy to use API, so you can sequentially visit nodes starting from a specified node down to the last node.