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

Posted 2023-02-16

【中文标题】QML-如何在 ui.qml 中向 onClick 添加另一个命令？

【英文标题】：QML-How to add another command to onClick in ui.qml?

【发布时间】：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，因为它无法处理它：***.com/questions/30652537/…

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