ComboBox QML Type

最新推荐文章于 2024-06-05 19:36:03 发布

NGC_2070

最新推荐文章于 2024-06-05 19:36:03 发布

阅读量147

点赞数 1

分类专栏： # QT

本文链接：https://blog.csdn.net/baidu_41388533/article/details/117307591

版权

QT 专栏收录该内容

110 篇文章 25 订阅

订阅专栏

ComboBox QML Type

官方文档：https://doc.qt.io/qt-5/qml-qtquick-controls2-combobox.html

案例 1

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.Controls 2.5

Window {
    id:window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Item{
        id:root
        anchors.fill: parent
        ComboBox{
             model: ["First", "Second", "Third"]

             onActivated: {
                 console.log("点击的索引为: " + index + " 内容为：" + textAt(index))
             }
        }
    }
}

输出：

案例 2

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.Controls 2.5


Window {
    id:window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Item{
        id:root
        anchors.fill: parent
        ComboBox{
            textRole: "text"  //指定显示的角色

            model: ListModel{
                ListElement{
                    text:"北京"
                    value: 11
                }
                ListElement{
                    text:"上海"
                    value: 12
                }
                ListElement{
                    text:"广州"
                    value: 13
                }
            }

            onActivated: {
                console.log("点击的索引为: " + index + " 内容为：" + textAt(index))
            }
        }
    }
}