Rectangle with onEditingFinished

[gabor53]

@Diracsbracket
There was no error message at all.

[Diracsbracket]

@gabor53 said in Rectangle with onEditingFinished:

There was no error message at all.

There was no error message at all in the Application output view when you tried to run it?

If those errors really are not reported, then you really should solve that problem first and find out why, but I suspect you may only have been looking at the Compile Output view or so.

[gabor53]

Hi @Diracsbracket ,
I fixed everything you highlighted and you are right, I focused on the compile output. In spite of the corrections it still doesn't display the rectangle and the text. Here are my changes:

    var msgComp = Qt.createComponent("Messages.qml")
    var msg = msgComp.createObject(parent, args)

       onEditingFinished: {
                if (addName.text === "") {
                    var popup = Js.createMsg(add1, {
                                                 text: "Enter the Friend's name."
                                             })

Rectangle {
    id: notificationSquare
    height: dp(30)
    anchors.top: parent.bottom
    anchors.left: parent.left
    anchors.topMargin: 20
    color: "transparent"

It seems correct but it is not working. Thank you for your help.

[Diracsbracket]

@gabor53
I think it's best if you try the following minimal test program, run it and compare it with what you have:

main.qml:

import QtQuick 2.11
import QtQuick.Window 2.11
import QtQuick.Controls 2.4

import "code.js" as Js

ApplicationWindow {
    id: window
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

Rectangle {
        id: root
        color: "lightblue"
        anchors.fill: parent
        focus: false

        Text {
            id: id
            text: "ID:"
            x: 30
            y: 30
            font.pointSize: 16
            focus: false
        }

        TextField {
            id: addName
            anchors.top: id.bottom
            x: 30
            anchors.margins: 30
            maximumLength: 85
            placeholderText: "Add Name"
            focus: true

            property Message msg

            onLengthChanged: {
                if (msg && length>0)
                    msg.destroy()
            }

            onEditingFinished: {
                if (length === 0)
                    msg = Js.createMsg(addName, {"text": "Enter the Friend's name."})
                else
                {
                    focus = false
                    console.debug("OK")
                }
            }
        }
    }

code.js

function createMsg(parent, args) {
    var msgComp = Qt.createComponent("Message.qml")
    var msg = msgComp.createObject(parent, args)
    return msg
}

[gabor53]

@Diracsbracket
Sorry for the late response. I needed to buy a new computer and I am still setting it up.

[Diracsbracket]

@gabor53 said in Rectangle with onEditingFinished:

I needed to buy a new computer and I am still setting it up.

I went through the same routine not so very long ago. Good luck!

[gabor53]

@Diracsbracket
Thank you. Now it seems to be working (both the new computer and the program).
I ended up with another issue:
To make Messages reusable I changed the anchoring from addName to parent. But addName is a child of addFriend1 so it is not aligned with addName. How can I tell the Rectangle from Messages in addFriend1 that the parent now is addName?
Thank you.

[Diracsbracket]

@gabor53
Don't you pass the desired parent object at object creation time? Like this:

function createMsg(parent, args) {
    var msgComp = Qt.createComponent("Message.qml")
    var msg = msgComp.createObject(parent, args)
    return msg
}

[gabor53]

@Diracsbracket
I do. And the rectangle and the text is in the the top left corner.

[Diracsbracket]

@gabor53
Show your result and your anchoring. They must be wrong.

Using the test code as above (with a slight modification to destroy the message) I get this:

 Rectangle {
        id: root
        color: "lightblue"
        anchors.fill: parent
        focus: false

        Text {
            id: id
            text: "ID:"
            x: 30
            y: 30
            font.pointSize: 16
            focus: false
        }

        TextField {
            id: addName
            anchors.top: id.bottom
            x: 30
            anchors.margins: 30
            maximumLength: 85
            placeholderText: "Add Name"
            focus: true
            //validator: RegExpValidator {regExp: /^[a-zA-Z ]{2,30}$/}

            property Message msg

            onLengthChanged: {
                if (msg && length>0)
                    msg.destroy()
            }

            onEditingFinished: {
                if (length === 0)
                    msg = Js.createMsg(addName, {"text": "Enter the Friend's name."})
                else
                {
                    focus = false
                    console.debug("OK")
                }
            }
        }
    }

where Messages.qml is

import QtQuick 2.11

Rectangle {
    id: notificationSquare
    height: 30
    anchors.top: parent.bottom
    anchors.left: parent.left
    anchors.topMargin: 20
    color: "transparent"
    width: 250
    border.color: "#ff0000"
    border.width: 2
    property alias text: msg.text

    function destroy() {
        this.destroy()
    }

    Text {
        id: msg
        font.bold: true
        horizontalAlignment: Text.AlignHCenter
        color: "red"
        font.pointSize: 12
        anchors.fill: parent
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.verticalCenter: parent.verticalCenter
    }
}

[gabor53]

@Diracsbracket
I figured out what I did incorrectly. Somehow I deleted the root rectangle.
Thank you for your detailed explanations. I learnt a lot.