Pass value from child QtQuck QML to main QML - qt

Question

I have to pass some values from child QML open with component to main QML and use them to do something in main QML.
This is my two QML files:
I have mail.qml like this:
import QtQuick 2.10
import QtQuick.Window 2.10
import QtQuick.Controls 2.3
ApplicationWindow {
id: applicationWindow
property string selected_contact_account_str: String()
/* Contacts */
function createContacts() {
var component = Qt.createComponent("ContactList.qml");
console.log("Component Status:", component.status, component.errorString());
var window = component.createObject(applicationWindow, {"x": 0, "y": 0});
window.showFullScreen();
}
Icon {
id: contacts
anchors.top: parent.top
anchors.topMargin: 60
anchors.left: parent.left
anchors.leftMargin: 20
iconsize: 96
iconsource: "content/contacts_icon.png"
iconname: "Contacts"
fontsize: 14
MouseArea {
anchors.fill: parent
onClicked: createContacts()
}
}
/* End Contacts */
}
And an ContactList.qml with Button:
import QtQuick 2.10
import QtQuick.Controls 2.3
import QtQuick.Window 2.2
ApplicationWindow {
id: contactsList
Item {
Item {
id: appContainer
anchors.fill: parent
anchors.centerIn: parent
Button {
id: contact_select
text: qsTr("Select")
onClicked: {
// I want to pass value from here to main.qml
// store in selected_contact_account_str
// So I can use it in mail.qml
}
}
}
}
How can I do?

Answer 1

you can use signal and slot to do it.
In
ApplicationWindow
id: contactsList
signal sendmessage(var message)
.
.
.
onClicked: {
contactsList.sendmessage("test");
}
then in first file
function createContacts() {
window.sendmessage.connect(handleMessage)
}
function handleMessage(message){
}