Skip to main content
All docs
V25.1
  • DxTreeList.PageSizeSelectorItems Property

    Specifies items available in the page size selector.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [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