QML：定義ListElement函數調用中的ListView

Question

裏面一個QML的ListView，我想調用一個函數在單擊鼠標區域時：

ListView{ 
    anchors.fill: parent 
    orientation: ListView.Horizontal 

    model: myModel 

    delegate: 
    Rectangle { 
     anchors.fill: parent 
     Text { 
      anchors.centerin: parent 
      text: label 
     } 
     MouseArea { 
      width: 30 
      height: parent.height 
      onClicked: { 
       doSomething() 
      } 
     } 
    } 
} 

我的應該是一個溢出菜單。在ListModel（myModel）中，我希望能夠說出doSomething（）被調用時會發生什麼。我怎麼做？也許是這樣？

ListModel { 
    id: myModel 

    ListElement { 
     label: "New" 
     doSomething: { 
      canvas.clear() 
     } 
    } 
} 

我不知道。我搜索了網頁，但我找不到任何東西。
我爲此使用ListView/Model，因爲我想動態添加和刪除菜單條目。
感謝您的關注！ =）

Answer 1

QRC：///main.qml：49 ListElement：不能使用腳本屬性值

這就是你和你的代碼得到。所以你不能將模型元素的任何屬性設置爲腳本。

我遇到這種情況通過將功能模型，而不是模型元素：

ListView{ 
    anchors.fill: parent 
    orientation: ListView.Horizontal 

    model: myModel 

    delegate: 
    Rectangle { 
     anchors.fill: parent 
     color: "red" 
     Text { 
      anchors.centerIn: parent 
      text: label 
     } 
     MouseArea { 
      anchors.centerIn: parent 
      width: 30 
      height: parent.height 
      onClicked: { 
       myModel.actions[label](); 
      } 
     } 
    } 
} 

ListModel { 
    id: myModel 

    property var actions : { 
     "New": function(){ console.log("clicked!"); } 
    } 

    ListElement { 
     label: "New" 
    } 
} 

雖然基於文本索引行爲是一種MEH的，你應該讓它所以在每一個元素模型具有獨特的屬性（如索引），並將它們用作actions詞典的鍵。

（在一個側面說明，你忘了鼠標區域的centerIn，我不知道爲什麼你使用的30寬，而不是僅僅填充母）