首页 > 代码库 > 解决QML开发中ComboBox中一个已选择项没有清除的问题

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

解决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中一个已选择项没有清除的问题