如何在 QML 的 ListView 中绑定到来自委托组件的信号

Question

假设我有 ListView 个可点击委托组件（或 GridView 或 Repeater）。这些委托组件需要在触发时发出信号以及自定义数据，这些信号可以被 ListView 的父级拾取。这个信号绑定是怎么实现的？

例如下面的代码是我的尝试，但是我不知道如何将委托组件的trigger信号绑定到root项中的componentTriggered信号？

Item {
    id: root
    anchors.fill: parent

    signal componentTriggered(string name)

    onComponentTriggered: {
        console.log(name + ' component was triggered')
    }

    ListModel {
        id: myModel

        ListElement { name: "alpha" }
        ListElement { name: "beta" }
        ListElement { name: "gamma" }
        ListElement { name: "delta" }
    }

    ListView {
        id: myListView
        width: 100
        height: 600

        model: myModel
        delegate: TheDelegate { name: model.name }
    }
}

访问 TheDelegate.qml

import QtQuick 2.0

Rectangle {
    id: root
    width: 100
    height: 50
    color: "steelblue"
    border.color: "white"
    border.width: 2

    property string name

    signal trigger(string name)

    Text {
        anchors.centerIn: parent
        text: model.name
    }

    MouseArea {
        anchors.fill: parent
        onClicked: {
            console.log(root.name + ' clicked')
            root.trigger(root.name)
        }
    }
}

Answer 1

您可以在 Component.onCompleted 处理程序中连接两个信号。

使用你的代码会是这样的：

ListView {
        id: myListView
        width: 100
        height: 600

        model: myModel
        delegate: TheDelegate {
            name: model.name
            Component.onCompleted: {
                trigger.connect(root.componentTriggered)
            }
        }
    }

除了调用信号 componentTriggered，您还可以实现一个函数，但这取决于您的要求。反正信号没问题

如何在 QML 的 ListView 中绑定到来自委托组件的信号

How to bind to a signal from a delegate component within a ListView in QML

listview

signals-slots

qml