How to access item's children

ytbryan

Hi,

For instance, the rect.color. How do I access it?

Thanks!

@
//SimpleRect.qml
Item
{
width:100
height:100

Rectangle
{
id:Rect
anchors.fill: parent
color: "green"

}
@

ucomesdag

From the "doc":http://developer.qt.nokia.com/doc/qt-4.7/qdeclarativeintroduction.html#id-0072e7d8-628c-49ee-810f-35f1b672c46f:
[quote]Note that an id must begin with a lower-case letter or an underscore, and cannot contain characters other than letters, numbers and underscores.[/quote]

@//SimpleRect.qml
Item {
width:100
height:100

Rectangle {
id: myrectangle
anchors.fill: parent
color: "green"
}

}@
and you acces it with myrectangle.color

ytbryan

Thanks for the reply.

What if I want to use SimpleRect in another qml? How do I access the color property then?

@

Rectangle
{
color: "pink"
width:500
height:500

SimpleRect
{
width:100
height:100
x: 200
y:200
rect.color : "blue" // How do I access the color then?
}

}@

MichK

You have to make alias property or bind parent property with child property:

Alias:
@
//SimpleRect.qml
Item {
id: root
...
property alias childColor: myrectangle.color

Rectangle {
id: myrectangle
...
}
}
@

Binding:
@
//SimpleRect.qml
Item {
id: root
...
property color childColor

Rectangle {
id: myrectangle
...
color: root.childColor
}
}
@

Usage in both cases:
@
//OtherFile.qml
SimpleRect {
id: simple
...
childColor: "blue"
}
@

thisisbhaskar

[quote author="michal.k" date="1312787834"]

Binding:
@
//SimpleRect.qml
Item {
id: root
...
property color childColor

Rectangle {
id: myrectangle
...
color: root.childColor
}
}
@[/quote]

The best is use alias, not binding. With above code, when you change color of myrectangle, childColor is not updated.

Alias resolves this problem.

amaklin6

Good. this helped me as well

nandhishtr

@MichK Thank you!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!