如何使像onEditFinish这样的信号可用于单个TextInput元素，重用一个定义的公共TextInput

Question

我是QML和Qt的新手。我正在尝试制作多个TextInput元素，这些元素可以在触发onEditingFinished时发送自己的text。以下是我在MyTextField.qml中创建的TextInput项：

MyTextField.qml

import QtQuick 2.5
import QtQuick.Controls 1.4
Item {
implicitHeight: 200
implicitWidth: 1000
property alias inputMethodHints: myTextField.inputMethodHints
property alias text: myTextField.text
Rectangle {
    anchors.fill: parent
    radius: 40
  }

TextInput {
    id: myTextField
    objectName: "myTextField"
    anchors.fill: parent
    verticalAlignment: Text.AlignVCenter
    font.pixelSize: 300
    color: 'white'
    signal qmlSignal(string msg)
    onEditingFinished: qmlSignal(text)  //This works
  }
}

我正在尝试在另一个qml文件中使用上述TextInput元素，如下所示：

SomeOtherPage.qml

Column {
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.margins: theme.defaultMargin
    MyTextField {
        id: textfield1
        objectName: "textfield1"
        anchors.left: parent.left
        anchors.right: parent.right
        text: qsTr("some text")
       signal qmlSignal11(string msg)
       onEditingFinished: qmlSignal11(text)  //This doesn't work !!
    }
    MyTextField {
        id: textfield2
        objectName: "textfield2"
        anchors.left: parent.left
        anchors.right: parent.right
        text: qsTr("some other text")
       signal qmlSignal22(string msg)
       onEditingFinished: qmlSignal22(text)  //This doesn't work !!
    }
}      

在MyTextField块中，QML根本不允许我使用onEditingFinished。当我运行该应用程序时，它会抱怨Cannot assign to non-existent property "onEditingFinished"。

如果我处理来自我创建的父TextInput onEditingFinished，它会正常工作并将信号发送到我的C++类。但我正在尝试在textfield1和textfield2中使用onEditingFinished。Qml 报告onEditingFinished属性不可用。如何在textfield1&textfield2中提供onEditingFinished，以便发送我创建的每个唯一文本字段的文本。

Answer 1

只有根元素、其属性、信号和方法从 MyTextField.qml 外部可见。就像你已经为内部 myTextField 的一些属性设置了别名一样，你还必须从外部转发你想要使用的信号：

MyTextField.qml

import QtQuick 2.5
import QtQuick.Controls 1.4
Item {
    id: root
    ...
    signal editingFinished() // <==
    ...
    TextField {
        id: myTextField
        ...
        onEditingFinished: root.editingFinished() // <==
    }
}