qml：如何修改多个被点击的Rectangle里边Text的值？

469514939

1. <div class="blockcode"><blockquote>import QtQuick 2.7
   
2. import QtQuick.Controls 2.0
   
3. import QtQuick.Layouts 1.3
   
4. 
   
5. ApplicationWindow {
   
6.     visible: true
   
7.     width: 640
   
8.     height: 480
   
9.     title: qsTr("Hello World")
   
10.     id: root
    
11. 
    
12.     function changePlace(){
    
13.         var list = placeGrid.children.children;
    
14. 
    
15.         console.log(list);
    
16.         console.log("count: " + list.length);
    
17.         for ( var i in list) {
    
18.             console.log("list[ " +i + " ] width = " + list[i].width)
    
19.             console.log("list[ " +i + " ] height = " + list[i].height)
    
20.             console.log("list[ " +i + " ] QQuick = " + list[i])
    
21.         }
    
22.     }
    
23. 
    
24.         GridView {
    
25.             clip: true
    
26.             id:placeGrid
    
27.             width: parent.width
    
28.             height: parent.height
    
29.             cellWidth: 80
    
30.             cellHeight: 80
    
31.             model: spaceModel
    
32.             delegate: msnDelegate
    
33.             focus: true
    
34. 
    
35.             Component {
    
36.                 id: msnDelegate
    
37.                 Item{
    
38.                     width: placeGrid.cellWidth
    
39.                     height: placeGrid.cellHeight
    
40.                     Rectangle {
    
41.                         width:parent.width-2
    
42.                         height: parent.height-2
    
43.                         color: "gray"
    
44.                         radius: 5
    
45.                         id:place
    
46.                         anchors.centerIn: parent
    
47.                         Text {
    
48.                             id:placeNum
    
49.                             text: num
    
50.                             color: "white"
    
51.                             font.pixelSize: Math.floor(parent.width/2)
    
52.                             anchors.centerIn: parent
    
53.                         }
    
54. 
    
55.                         MouseArea{
    
56.                             anchors.fill: parent
    
57.                             onClicked: {place.state == "clicked" ? place.state = "" : place.state = "clicked";
    
58.                                 console.log(parent.state);
    
59.                             }
    
60.                         }
    
61.                         states: [
    
62.                             State{
    
63.                                 name: "clicked"
    
64.                                 PropertyChanges { target: place; color: "#94a5d4"}
    
65.                             }
    
66.                         ]
    
67. 
    
68. 
    
69. 
    
70.                     }
    
71.                 }
    
72. 
    
73.             }
    
74.             //list模型
    
75.             ListModel {
    
76.                 id: spaceModel
    
77.                 ListElement { code:"A1"; num: 1; stock : 8; rows : "A"; columns:1;}
    
78.                 ListElement { code:"A2"; num: 2; stock : 8; rows : "A"; columns:2;}
    
79.                 ListElement { code:"A3"; num: 0; stock : 8; rows : "A"; columns:3;}
    
80.             }
    
81. 
    
82.         }
    
83. 
    
84.         Button{
    
85.         text: "change"
    
86.         onClicked:changePlace();
    
87.         y:100
    
88.         }
    
89. 
    
90. }
    

复制代码

代码如上，我想修改被选中的矩形里边得数字。先选中矩形，然后点击按钮就统一修改被选中按钮里边数字。

Since

建议你保存 点击了的按钮的 index 到 list ，然后 循环 ListModel ， indexOf（index） ，如果返回 大于等于0 ，那就改变数字，你把 click 属性修改了，又不做判断，你要干啥？

469514939

噢噢，谢谢。试了下保存到list然后循环model这方法可以。
我本来得打算是修改states属性后，通过children然后遍历已改变了state的矩形，再改变数字，但是children不到对象