QML-如何在 ui.qml 中向 onClick 添加另一个命令？

Question

我想向 itemDelegate.onClick 添加另一个命令。

这是我的代码：

ListView {
        id: beam_viewer
        x: 8
        y: 18
        width: 188
        height: 374
        delegate: ItemDelegate {
            id: delegate_item
            width: 180
            height: 25
            Text {
                text: modelData
                anchors.verticalCenter: parent.verticalCenter
            }
            onClicked: img_footprint.source = applicationPath +
                       "footprints/" + modelData + ".webp"


        }
    }

我使用 onClicked 来更改我的图像源，我想使用 modelData 来更改 myText.text。我使用 ui.qml 并且它不允许在 onClicked 之后使用 { } 因为它拒绝使用 javascript。

如何添加到 onClicked myText.text = modelData。

谢谢！

Answer 1

您可能需要将使用 JavaScript 的代码（例如包含 Text 项的 ItemDelegate 的内容和诸如此类的内容）移动到 Qt 自己的 .QML 文件中Quick Designer 看不到。例如：

MainForm.ui.qml:

ListView {
    id: beam_viewer
    x: 8
    y: 18
    width: 188
    height: 374
    delegate: MyDelegate {}
}

MyDelegate.qml:

ItemDelegate {
    id: delegate_item
    width: 180
    height: 25
    Text {
        text: modelData
        anchors.verticalCenter: parent.verticalCenter
    }
    onClicked: img_footprint.source = applicationPath +
               "footprints/" + modelData + ".webp"
}

就我个人而言，我不会使用 ui.qml 文件。我知道这不是一个令人满意的答案，但它似乎只会让我慢下来。

QML-如何在 ui.qml 中向 onClick 添加另一个命令？

QML-How to add another command to onClick in ui.qml?

qt

onclick

qml

qtquickcontrols2