title: Change Component Properties In GridView from a javascript function
body: <p>I am trying to create a GUI with Qt quick and I will have a lot of data in multiple files and I will constantly update the GUI through C++ (leave logic there) that will emit to a certain JS function(not sure if this is the correct way to do things).</p>
  
  <p>I made a simple example with <code>Grid</code>(Not <code>GridView</code>) layout because i found how to change the first rectangle's color but not the nested one. Here it is:</p>
  
  <pre><code>Column{
      spacing:2
  
      Grid{
          id:grid
          columns: 2
          rows:2
          spacing: 10
          Repeater{
              model:4
  
              Rectangle{
                  id:rect1
                  width:100
                  height:100
                  color:"red"
                  Rectangle{
                      id:rect2
                      width:25
                      height: 25
                      color:"black"
                      anchors.horizontalCenter: rect1.horizontalCenter
                      anchors.verticalCenter: rect1.verticalCenter
                  }
  
              }
          }
      }
  
      Button{
          text:"Click me"
          width:50
          height:50
          onClicked: {
              for (var i = 0; i &lt;grid.children.length; ++i)
                  column.children[i].color="green";
          }
      }
  }
  </code></pre>