Access the properties of a child of a component

saitej

I have a component in qml and a rectangle as its child. How do I access the properties of that rectangle. If I try to access via id, I get an reference error. After some search I found that we need to use alias for the those properties. So I have changed the code to the following.

Component{
id:selectComponent
Rectangle {
            id: selComp
property alias width_rect: selComp.width

}
}



Button{

....
 onClicked: {

                console.log(selectionComponent.width_rect)
            }
}

I stiil get an undefined error. How do I access the properties of the child rectangle?

Thanks!!

VRonin

move the property alias outside the rectagle.

Component{
id:selectComponent
Rectangle {
            id: selComp
}
property alias width_rect: selComp.width
}

kumar90

you should access the property via the property of that item , i.e selectionComponent.selComp.width_rect or selComp.width_rect .

saitej

@VRonin

If I keep it outside the rectangle, I get this error.

Component objects cannot declare new properties.

saitej

@kumar90 said in Access the properties of a child of a component:

selectionComponent.selComp.width_rect

For this I get the error:

TypeError: Cannot read property 'width_rect' of undefined

Basically, It can't access the id of the child so it gives the undefined error!!

p3c0

@saitej Component needs to be loaded first either by Loader or using createObject.

saitej

@p3c0

Ya ... I am already creating the object on a mouse click event.

selection = selectComponent.createObject(parent, {"x": parent.width / 4, "y": parent.height / 4, "width": parent.width / 2, "height": parent.width / 2})

I got it now. I was accessing via selectComponent rather than selection (object )

Thanks

p3c0

@saitej
Then you need to access or set the properties by selection object and not selectComponent.

saitej

@p3c0

Ya I jus realised my mistake.

Thanks a lot!!