MouseArea调用FileDialog :知道哪个元素打开了FileDialog (QML)

Question

自从上次我的代码发行以来，我遇到了一个新的问题。不幸的是，这并不是一个真正的实现问题，而是一个“概念性”问题。

那么让我们来介绍一下这个案子吧。我有一个充满按钮的网格，然后为了处理他们的onClicked事件，我有一个ButtonGroup

GridLayout {
id: gl
anchors.fill: parent
...

   CustomButton{
      id: btnMILA1
      text: "PlayBook 1"
      ... //Layout stuff
   }
   CustomButton{
      id: btnMILA2
      text: "PlayBook 1"
      ... //Layout stuff
   }
   CustomButton{
      id: btnMILAN
      text: "PlayBook 1"
      ... //Layout stuff
   }
}

这些都是在循环中生成的，所以不用担心，我没有编写所有的40个按钮^^，这是我的ButtonGroup

ButtonGroup {
   id: btnGroup
   buttons: gl.children
   onClicked: {       
      ... //Do some stuff
   }
}

正如您可能已经看到的，我有一个CustomButton元素，它被使用有两个原因：

• 美学(定制设计，圆角等)
• 在每个按钮和onRightclick中添加一个MouseArea，显示菜单元素

下面是我的CustomButton元素代码的简化版本：

import QtQuick 2.15

Button {
    id: button

    property string optionalConf //SEE LATER BELOW, THIS ITEM WILL BE USEFUL

    text: qsTr("Button")
    contentItem: Item{
        Text {
            id: name
            text: button.text
            font: button.font
            color: "#ffffff"
            anchors.verticalCenter: parent.verticalCenter
            anchors.horizontalCenter: parent.horizontalCenter
        }
    }

    background: Rectangle{
        color: internal.dynamicColor //Used to deal with Hovered/Pressed/Default states
        radius: 10
    }

    MouseArea {
        id:mouseHovered
        anchors.fill: parent
        acceptedButtons: Qt.RightButton
        onClicked:{
            rightClickMenu.open()
        }
        hoverEnabled: true
    }

    Menu {
        id: rightClickMenu

        MenuItem {
            text: qsTr("Choix du fichier de configuration...")
            shortcut: StandardKey.Open
            onTriggered: confOpen.open()
        }

        MenuItem {
            text: qsTr("Choix du firmware...")
            shortcut: "Ctrl+Shift+O"
            onTriggered: firmwareOpen.open()
        }

        MenuSeparator{}

        MenuItem {
            text: qsTr("Console")
            shortcut: StandardKey.AddTab
            //onTriggered: zoomOut()
            enabled: false
        }
    }
}

我真的不知道为每个元素生成一个mouseArea的效率，所以请告诉我，您是否有更好的方法为20或30个元素提供独立的onRightclick选项。

我的问题如下。在页面上，假设是实现了main.qml的CustomButton，我有两个fileDialog项:一个名为confOpen，另一个名为firmwareOpen，这与上面的代码相同。当用户使用右键单击时，MenuItem显示在鼠标的确切位置，他可以选择任何他想要的选项。然后调用confOpen或firmwareOpen，用户可以选择一个文件。

FileDialog{
   id: confOpen
   title: "Please choose a conf file"
   folder: shortcuts.desktop
   selectMultiple: false
   nameFilters: ["Conf file (*.conf)"]
   onAccepted: {
      console.log(fileUrl)
      //I'd like to do something like this :
      //ButtonUsedToOpenFileDialog.optionalConf : fileUrl
   }
}

因此，真正的问题是，我想将文件路径存储到我的CustomButton的一个属性中。为了做到这一点，我有一个property string optionalConf。但是我无法管理调用FileDialog的哪个按钮，所以我不知道哪个按钮应该更新他的optionalConf属性。

我希望我已经清楚了，它不需要很长时间来阅读，但我想要清楚和准确。如果你有更好的方法来做我正在做的事情，请告诉我，我一直在听建议:)

Answer 1

向FileDialog添加一个名为openDialog的函数，并将如下按钮传递给它：

[...]
        MenuItem {
            text: qsTr("Choix du fichier de configuration...")
            shortcut: StandardKey.Open
            onTriggered: confOpen.openDialog(button)
        }
[...]
FileDialog {
   id: confOpen
   
   property var button

   function openDialog(button_) {
       button = button_;
       open();
   }

   onAccepted: {
       button.optionalConf = "UPDATED";
   }
}