Измените свойства компонента в GridView из функции javascript

Question

Я пытаюсь создать графический интерфейс с Qt быстро, и у меня будет много данных в нескольких файлах, и я буду постоянно обновлять GUI через C++ (оставляйте логику там), который будет издавать к некоторой функции JS (не уверен, что это правильный способ сделать что-то).

Я сделал простой пример с макетом Grid (Not GridView), потому что я нашел, как изменить цвет первого прямоугольника, но не вложенный. Вот оно:

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 <grid.children.length; ++i) 
       column.children[i].color="green"; 
     } 
    } 
} 

Answer 1

Я нашел решение моей проблемы после простой попытки получения доступа к второй Rectangle таким же образом, что я получить доступ к Rectangle детей Grid.

for (var i = 0; i < column.children.length; ++i) 
    grid.children[i].children[0].color="green";