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

DxTreeList.PageSizeSelectorItems Property

Specifies items available in the page size selector.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public IReadOnlyList<int> PageSizeSelectorItems { get; set; }

#Property Value

Type Description
IReadOnlyList<Int32>

Page size selector items.

#Remarks

Enable the PageSizeSelectorVisible option to show the page size selector. Use the PageSizeSelectorItems property to specify page size values available in a drop-down list. Once a user selects a new value, the PageSize property value is updated, and the TreeList is redrawn.

You can also enable the PageSizeSelectorAllRowsItemVisible option to show the All item. When a user chooses this item, the TreeList displays all rows on one page.

@inject EmployeeTaskService EmployeeTaskService

<DxTreeList Data="TreeListData"
            KeyFieldName="Id"
            ParentKeyFieldName="ParentId"
            PageSizeSelectorVisible="true"
            PageSizeSelectorItems="@(new int[] { 5, 10, 15 })"
            PageSizeSelectorAllRowsItemVisible="true">
    <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

For more information about paging in the TreeList component, refer to the following topic: Paging in Blazor TreeList.

See Also