Skip to main content
All docs
V25.1
  • DevExpress v25.1 Update — Your Feedback Matters

    Our What's New in v25.1 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

    DxTreeListDataColumn Class

    DxTreeList data column.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    #Declaration

    C#
    public class DxTreeListDataColumn :
        DxTreeListColumn,
        IGridDataColumn,
        IGridColumn,
        ITreeListDataColumn,
        ITreeListColumn,
        IParameterTrackerSettingsOwner

    #Remarks

    #Create a Data Column

    Add a DxTreeListDataColumn object to the Columns collection. Specify the FieldName property to bind the column to a data field. Note that the FieldName property value must be unique for each data column.

    @inject EmployeeTaskService EmployeeTaskService
    
    <DxTreeList Data="TreeListData" KeyFieldName="Id" ParentKeyFieldName="ParentId">
        <Columns>
            <DxTreeListDataColumn FieldName="Name" Caption="Task" />
            <DxTreeListDataColumn FieldName="EmployeeName" />
            <DxTreeListDataColumn FieldName="StartDate" />
            <DxTreeListDataColumn FieldName="DueDate" />
        </Columns>
    </DxTreeList>
    
    @code {
        List<EmployeeTask> TreeListData { get; set; }
    
        protected override void OnInitialized() {
            TreeListData = EmployeeTaskService.GenerateData();
        }
    }
    

    Bind Blazor TreeList to Flat Data

    Run Demo: TreeList - Flat Data Read Tutorial: Columns in Blazor TreeList

    #Column Cell Editors

    The TreeList component generates and configures cell editors for columns based on associated data types. The component automatically displays column editors in the filter row and in data rows during edit operations.

    The table below list classes that define cell editor settings and the corresponding data types:

    Editor Settings

    Generated for Data Types

    Supported Data Types

    DxCheckBoxSettings[1]

    Boolean

    All data types

    DxComboBoxSettings

    Enum

    All data types

    DxDateEditSettings

    DateOnly, DateTime, DateTimeOffset

    DateOnly, DateTime, DateTimeOffset

    DxMaskedInputSettings

    Never generated

    Numeric, String, TimeSpan, TimeOnly,
    DateTime, DateOnly, DateTimeOffset

    DxMemoSettings

    Never generated

    String

    DxSpinEditSettings

    Numeric

    Numeric

    DxTextBoxSettings

    String

    String

    DxTimeEditSettings

    TimeOnly

    TimeOnly, TimeSpan, DateTime

    Refer to the following topic for additional information: Cell Editors in Blazor TreeList.

    #Inheritance

    Object
    ComponentBase
    DevExpress.Blazor.Internal.BranchedRenderComponent
    DevExpress.Blazor.Internal.ParameterTrackerSettingsComponent
    DevExpress.Blazor.Internal.GridColumnBase
    DxTreeListColumn
    DxTreeListDataColumn
    Footnotes
    1. The TreeList replaces a checkbox editor with a combo box in the filter row.

    See Also