Skip to main content
All docs
V24.2

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

TreeListPagerPosition Enum

Lists values that specify the pager position in the TreeList.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public enum TreeListPagerPosition

#Members

Name Description
Bottom

The TreeList displays the pager at the bottom.

Top

The TreeList displays the pager at the top.

TopAndBottom

The TreeList displays the pager at the top and at the bottom.

#Related API Members

The following properties accept/return TreeListPagerPosition values:

#Remarks

The TreeList splits a large number of data rows across multiple pages and displays the pager to enable data navigation. Use the PagerPosition property to specify the pager position in the TreeList.

The following example displays the pager both at the top and at the bottom:

@inject EmployeeTaskService EmployeeTaskService

<DxTreeList Data="TreeListData"
            KeyFieldName="Id"
            ParentKeyFieldName="ParentId"
            PageSize="4"
            PagerPosition="TreeListPagerPosition.TopAndBottom">
    <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();
    }
}

Blazor TreeList Page Size Selector

Run Demo: TreeList - Paging

See Also