Components/Data displayIntroduced in 1.3.0

EOrderList Order list

import EUI 1.0

Examples

Select and reorder

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EOrderList { height: 220 values: [qsTr("Develop")] width: Math.min(460, parent.width) model: [qsTr("Design"), qsTr("Develop"), qsTr("Review"), qsTr("Release")] }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Reorder selection

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EOrderList { height: 220 values: [qsTr("Develop"), qsTr("Review")] width: Math.min(460, parent.width) model: [qsTr("Design"), qsTr("Develop"), qsTr("Review"), qsTr("Release")] }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Filter and drag

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EOrderList { height: 220 filterable: true width: Math.min(460, parent.width) model: [qsTr("Design"), qsTr("Develop"), qsTr("Review"), qsTr("Release")] }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Initial ordering

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EOrderList { height: 220 values: [qsTr("Design"), qsTr("Release")] width: Math.min(460, parent.width) model: [qsTr("Design"), qsTr("Develop"), qsTr("Review"), qsTr("Release")] }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Disabled ordering

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EOrderList { height: 220 enabled: false values: [qsTr("Design")] width: Math.min(460, parent.width) model: [qsTr("Design"), qsTr("Develop"), qsTr("Review"), qsTr("Release")] }

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

modelvar

Primitive values or option objects to reorder.

Default[]

valuesvar

Values of items selected for reordering.

Default[]

filterablebool

Allow keyword filtering.

Defaultfalse

labelKeystring

Field name used as the label in object models.

Default"label"

valueKeystring

Option value field or unique identifier for object values.

Default"value"

itemDelegateComponent

Custom option content; read data from parent.optionData.

Defaultnull

viewaliasRead only

ListView instance of the underlying selection list.

Defaultselection.view

Signals

SignaturePurpose

changed(var model)

Emitted when the list order changes; model is the updated list data.

selectionChanged(var values)

Emitted when selection changes; values contains the selected values.

Methods

SignaturePurpose

moveItem(from, to)

Move an item from index from to index to; indices are zero-based.

moveSelected(direction)

Move selected items in the specified direction.