Qml中ListView与ListModel/jsonArray关联使用

Qml中ListView使用json(array)

代码如下：

property string nList2: '{
    "data": [
        {
            "name": "aaa",
            "number": "1111"
        },
        {
            "name": "bbb",
            "number": "2222"
        },
        {
            "name": "ccc",
            "number": "3333"
        }
    ]
}'
 
ListView{
    model: JSON.parse(nList2).data
    delegate: Text{
        JSON.parse(nList2).data[index].name+": "+JSON.parse(nList2).data[index].number
    }
}

ListView中使用ListModel和Array区别

qml ListView的model可以和js的[]进行数据传递，但不会形成Binding关系，若要实现Binding，必须使用ListModel组件，它可以有js创建，代码如下：

model: listModel
    
ListModel{
   id: listModel
}
 
// 数据初始化
Component.onCompleted: