QML-ComboBox

原创已于 2024-06-05 20:22:29 修改 · 295 阅读

CC 4.0 BY-SA版权

文章标签：

于 2024-06-05 19:36:03 首次发布

import QtQuick 2.0
import QtQuick.Window 2.12
import QtQuick.Controls 2.5

Window {
    width: 640
    height: 480
    visible: true

    //下拉菜单列表
    ComboBox{
        id:comboBox
        //可以这样
//        model: ["button","checkbox","popup"]
        //也可以这样
        model: ListModel{
            id:model
            ListElement{text:"Banana"}
            ListElement{text:"Apple"}
            ListElement{text:"Coconut";}
        }
        onAccepted: {
            if(find(editText)===-1){
                //可以支持自己输入的文本
                model.append({text:editText})
            }
        }
        Component.onCompleted: {
            console.log(count)
        }
    }
}

    ComboBox{
        width: 200
        model: ["button","checkbox","popup"]
        //这个会扩展显示文本
        displayText: "选中："+currentText

        //输出文本
        onCurrentTextChanged: {
            console.log("text: ",currentText)
        }
        //输出索引
        onCurrentIndexChanged: {
            console.log("Index: ",currentIndex)
        }
    }

    ComboBox{
        model: 10
        editable: true
        //控制自定义输入的上下限
        validator: IntValidator{
            top:99
            bottom: 0
        }
        //也可以是正则
//        validator: RegExpValidator{
//            regExp: /[0-9A-F]+/
//        }
        //是否为匹配值
        onAcceptableInputChanged: {
            console.log(acceptableInput)
        }
    }