// A simple model and view example in QML


import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12


Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    // the model
    ListModel{
        id: listModel
        ListElement{
            name: "John Smith"
            age: 19
        }
        ListElement{
            name: "Peter Parker"
            age: 22
        }
        ListElement{
            name: "Elton John"
            age: 35
        }
    }

    // the view
    ListView{
        id: listView
        anchors.fill: parent
        model: listModel
        // the delegate
        delegate: Column{
            Text {text: name}
            Text {text: age}
        }
    }
    Button{
        x: 270
        y: 220
        // easily change the last element's name
        onClicked: listModel.get(2).name = "James Bond"
    }
}