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.FieldName Property

    Specifies the data field that supplies column values.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    #Declaration

    C#
    [DefaultValue(null)]
    [Parameter]
    public string FieldName { get; set; }

    #Property Value

    Type Default Description
    String null

    A unique field name.

    #Remarks

    Use the Data property to bind the TreeList to a data collection. To display data within the TreeList, declare DxTreeListDataColumn objects in the Columns template and use the FieldName property to assign data fields. These data fields should be implemented as properties.

    Note

    The FieldName property value must be unique for each data column.

    To bind a column to a complex field (a field that belongs to a data collection’s nested object), use the following syntax: NestedObject.FieldName.

    The TreeList creates user-friendly column captions based on field names. The component adds spaces between words when a field is named according to the CamelCase naming convention. You can use the Caption property to specify a custom caption.

    @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

    #Implements

    See Also