Logo FluentUI

Pagination QML Type

一个用于分页导航的组件。. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Signals

Methods

Detailed Description

`Pagination` 组件提供分页导航功能,可以在多个页面之间进行切换。它支持显示分页按钮、导航到特定页面以及显示上一页和下一页按钮。

示例用法:

 Pagination {
 itemCount: 50
 pageCurrent: 1
 pageButtonCount: 5
 __itemPerPage: 10
 previousText: qsTr("< Previous")
 nextText: qsTr("Next >")

 onRequestPage: {
 console.log("Requesting page:", page, "with items per page:", count);
 // 实际的页面请求处理
 }
 }

Property Documentation

组件的底部,可选的 QML 组件。


header : Component

组件的头部,可选的 QML 组件。


itemCount : int

总项目数量。


nextText : string

下一页按钮的文本。


pageButtonCount : int

显示的页码按钮的数量。


pageCount : int

总页数,基于 `itemCount` 和 `__itemPerPage` 计算得出。


pageCurrent : int

当前显示的页面索引,从 1 开始。


previousText : string

上一页按钮的文本。


Signal Documentation

void requestPage(int page, int count)

请求加载特定页面的信号,`page` 是请求的页面索引,`count` 是每页的项目数量。

Note: The corresponding handler is onRequestPage.


Method Documentation

void calcNewPage(int page)

计算并设置新的当前页面,并触发 `requestPage` 信号。如果页面无效或已是当前页面,则不做操作。