qt6-bb10/qtdeclarative/examples/quickcontrols/gallery/pages/ComboBoxPage.qml

52 lines
1.5 KiB
QML

// Copyright (C) 2017 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
import QtQuick.Controls
ScrollablePage {
id: page
Column {
spacing: 40
width: parent.width
Label {
width: parent.width
wrapMode: Label.Wrap
horizontalAlignment: Qt.AlignHCenter
text: qsTr("ComboBox is a combined button and popup list. It presents "
+ "a list of options to the user that occupies minimal screen space.")
}
ComboBox {
model: [qsTr("First"), qsTr("Second"), qsTr("Third")]
anchors.horizontalCenter: parent.horizontalCenter
}
Label {
width: parent.width
wrapMode: Label.Wrap
horizontalAlignment: Qt.AlignHCenter
text: qsTr("ComboBox can be made editable. An editable combo box auto-"
+ "completes its text based on what is available in the model.")
}
ComboBox {
id: comboBox
editable: true
model: ListModel {
ListElement { text: qsTr("Banana") }
ListElement { text: qsTr("Apple") }
ListElement { text: qsTr("Coconut") }
}
onAccepted: {
if (find(editText) === -1)
comboBox.model.append({text: comboBox.editText})
}
anchors.horizontalCenter: parent.horizontalCenter
}
}
}