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

【问题标题】：QML-How to add another command to onClick in ui.qml?QML-如何在 ui.qml 中向 onClick 添加另一个命令？
【发布时间】：2016-08-31 08:39:15
【问题描述】：

我想向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。

谢谢！

【问题讨论】：

我无法运行您的示例，但我看不出任何原因，为什么不应该允许 {}。 AFAIK：在您的示例中，您已经使用 JS（= 而不是 : ）如果它不适用于 {}，请尝试调用一个函数，您可以在其中执行所有您想要的操作。
{} 是允许的，你可以在这里看到doc.qt.io/qt-5/qtqml-syntax-signals.html
reject using javascript 是什么意思？什么是错误？在 {} 中对命令进行分组没有问题。可能您没有发布实际代码。无论如何，请阅读documentation。
OP 正在谈论 Qt Quick Designer 拒绝 JavaScript，因为它无法处理它：stackoverflow.com/questions/30652537/…

标签： qt onclick qml qtquickcontrols2

【解决方案1】：

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

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 文件。我知道这不是一个非常令人满意的答案，但它似乎只会让我慢下来。

【讨论】：