Components/Data display

EInfiniteScroll Infinite scroll

import EUI 1.0

Examples

Throttled loading and explicit completion

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EInfiniteScroll { id: list delay: 200 height: 200 distance: 24 width: Math.min(480, parent.width) model: [qsTr("Record 1"), qsTr("Record 2"), qsTr("Record 3"), qsTr("Record 4")] onLoadMore: { const rows = model.slice() for (let index = 0; index < 4; ++index) rows.push(qsTr("Record ") + (rows.length + 1)) model = rows finishLoad(rows.length >= 20) } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Infinite scroll

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EInfiniteScroll { property var items: ["Alpha", "Beta", "Gamma", "Delta"] property var nextItems: ["Epsilon", "Zeta", "Eta", "Theta"] height: 240 width: parent.width model: items onLoadMore: { items = items.concat(nextItems) finishLoad(items.length >= 40) } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

delayint

Delay, throttling or automatic close time in milliseconds; 0 means no delay or no timed close.

Default200

distanceint

Distance from a scroll edge at which it is considered reached, in pixels.

Default48

enabledbool

Allow interaction; false disables the control.

Defaulttrue

finishedbool

Whether all data has loaded; true stops further requests.

Defaultfalse

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

immediatebool

Request more data immediately when content does not fill the viewport.

Defaulttrue

loadingbool

Whether the component is loading.

Defaultfalse

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth

nearEndboolRead only

Whether scrolling is near the content end.

DefaultComputed at runtime

Signals

SignaturePurpose

loadMore()

Emitted near the bottom when more data is needed; call finishLoad when loading completes.

Methods

SignaturePurpose

finishLoad(done)

Finish the current load; done indicates that no more data is available.