码迷,mamicode.com
首页 > 其他好文 > 详细

解决QML开发中ComboBox中一个已选择项没有清除的问题

时间:2017-06-25 10:00:10      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:test   span   cli   代码   tle   stc   截图   quit   com   

解决QML开发中ComboBox中一个已选择项没有清除的问题

         近期使用QML开发一个项目。须要使用ComboBox进行显示。当进行一个操作时,须要向ComboBox加入一个元素,当进行另外一个操作时。须要清除ComboBox里面的元素。

可是在操作的过程中,出现了一个诡异的现象——ComboBox里面的已选择项并没有清除。

         以下是程序的截图,能够看到。ComboBox中已选择项并没有删除。可是ComboBox中的候选项已经删除了。

技术分享

         我在QTCN上进行提问。后面再大家的努力下,最终把这个问题攻克了。

原来还须要一个操作:testCombo.currentIndex = -1。以下是我改动后的代码,代码能够非常好地执行。

import QtQuick 2.3
import QtQuick.Controls 1.2

ApplicationWindow
{
    visible: true
    width: 640
    height: 480
    title: qsTr( "Clear CheckBox" )

    menuBar: MenuBar
    {
        Menu
        {
            title: qsTr( "File")
            MenuItem
            {
                text: qsTr( "Exit" )
                onTriggered: Qt.quit( );
            }
        }
    }

    ListModel
    {
        id: testModel
    }

    ComboBox
    {
        id: testCombo
        anchors.centerIn: parent
        model: testModel
        textRole: "name"
    }

    property int margin: appendButton.height / 3
    Button
    {
        id: appendButton
        anchors.right: testCombo.left
        anchors.verticalCenter: testCombo.verticalCenter
        anchors.margins: margin
        text: qsTr( "Append to list" )
        onClicked:
        {
            testModel.append( { "name": "This is one" } );
            testModel.append( { "name": "This is two" } );
            testModel.append( { "name": "This is three" } );
            testModel.append( { "name": "This is four" } );
            testCombo.currentIndex = 0;// 修正Bug加入的
        }
    }

    Button
    {
        anchors.left: testCombo.right
        anchors.verticalCenter: testCombo.verticalCenter
        anchors.margins: margin
        text: qsTr( "clear list" )
        onClicked:
        {
            testCombo.currentIndex = -1;// 修正Bug加入的
            testModel.clear( );
        }
    }
}

解决QML开发中ComboBox中一个已选择项没有清除的问题

标签:test   span   cli   代码   tle   stc   截图   quit   com   

原文地址:http://www.cnblogs.com/llguanli/p/7076118.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!