组件/数据展示引入于 1.3.0

EOrderList 排序列表

import EUI 1.0

示例与代码

选择后调整顺序

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EOrderList { height: 220 values: [qsTr("开发")] width: Math.min(460, parent.width) model: [qsTr("设计"), qsTr("开发"), qsTr("审核中"), qsTr("发布")] }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

多项排序

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EOrderList { height: 220 values: [qsTr("开发"), qsTr("审核中")] width: Math.min(460, parent.width) model: [qsTr("设计"), qsTr("开发"), qsTr("审核中"), qsTr("发布")] }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

过滤与拖动

QML 代码QML

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("设计"), qsTr("开发"), qsTr("审核中"), qsTr("发布")] }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

初始顺序

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EOrderList { height: 220 values: [qsTr("设计"), qsTr("发布")] width: Math.min(460, parent.width) model: [qsTr("设计"), qsTr("开发"), qsTr("审核中"), qsTr("发布")] }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

禁用排序

QML 代码QML

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("设计")] width: Math.min(460, parent.width) model: [qsTr("设计"), qsTr("开发"), qsTr("审核中"), qsTr("发布")] }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

modelvar

待排序的基本值或选项对象数组。

默认值[]

valuesvar

当前选择用于排序的值数组。

默认值[]

filterablebool

是否允许输入关键词过滤。

默认值false

labelKeystring

对象模型中用于显示标签的字段名。

默认值"label"

valueKeystring

选项取值字段或对象值的唯一标识字段。

默认值"value"

itemDelegateComponent

自定义条目内容；通过父级 optionData 读取数据。

默认值null

viewalias只读

底层选择列表的 ListView 实例。

默认值selection.view

信号

签名作用

changed(var model)

排序数据变化时触发，model 为更新后的列表数据。

selectionChanged(var values)

选中项变化时触发，values 为选中值集合。

方法

签名作用

moveItem(from, to)

将项目从 from 移动到 to，索引从 0 开始。

moveSelected(direction)

按 direction 指定的方向移动选中项目。