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宽，而不是仅仅填充母）