标签：index QtQuick ComboBox Window QML text import Type id

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))
            }
        }
    }
}

• 输出：

标签：index,QtQuick,ComboBox,Window,QML,text,import,Type,id
来源： https://blog.csdn.net/baidu_41388533/article/details/117307591

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。