一个类似ComboBox的组件

wxxzs123

import QtQuick 2.4

Rectangle
{
    width: 80; height: 20*(nameModel.count+1)
    ListModel {id:nameModel}

    Column
    {
        anchors.fill: parent

        Rectangle
        {
            property int eUNFOLD:0
            property int eFOLD:1
            property int currentState: eFOLD
            id:sectionHeader
            width: 100; height: 20
            Text {id:headerText; text: "Crypto"; color: "blue"}

            MouseArea
            {
                anchors.fill: parent

                onClicked:
                {
                    if(sectionHeader.currentState==sectionHeader.eFOLD)
                    {
                        nameModel.append({name:"Alice"});
                        nameModel.append({name:"Bob"});
                        sectionHeader.currentState=sectionHeader.eUNFOLD;
                    }
                    else
                    {
                        nameModel.clear();
                        sectionHeader.currentState=sectionHeader.eFOLD;
                    }
                }
            }
        }

        Repeater
        {
            model: nameModel
            delegate: delegate
        }
    }

    Component
    {
        id:delegate

        Text
        {
            id:delegateText
            text: name
            font.pixelSize: 18

            MouseArea
            {
                anchors.fill: parent

                onClicked:
                {
                    headerText.text=delegateText.text;
                    nameModel.clear();
                    sectionHeader.currentState=sectionHeader.eFOLD;   //这里提示“ReferenceError: sectionHeader is not defined”，当然是运行点击“Crypto”，再点击“Alice”时发生错误的
                }
            }
        }
    }
}

yafeilinux

wxxzs123 发表于 2015-3-23 08:56
原来是nameModel.clear();引起的，只要把这句话放到sectionHeader.currentState=sectionHeader.eFOLD;后面 ...

是啊，如果先clear()了，该条目就不在了，后面什么操作都无法执行了。

yafeilinux

你可以把component理解为一个单独的qml文件，那么在component组建中是不能使用sectionHeader属性的。

wxxzs123

yafeilinux 发表于 2015-3-20 10:51
你可以把component理解为一个单独的qml文件，那么在component组建中是不能使用sectionHeader属性的。 ...

那为什么headerText可以访问属性呢？

wxxzs123

原来是nameModel.clear();引起的，只要把这句话放到sectionHeader.currentState=sectionHeader.eFOLD;后面就行了