import QtQuick 1.1

Rectangle {
    width: 360
    height: 360

    ListModel {
        id: model
        ListElement {
            name: "Jack"
        }
    }

    ListView {
        id: view
        width: 200
        height: 200

        Rectangle {
            anchors.fill: parent
            color: "transparent"
            border.color: "#8ba831"
        }

        model: model
        delegate: Item {
                width: 100
                height: 50

                ListView.onAdd:  {
                    console.log("Add...")
                }
                ListView.onRemove: {
                    console.log("Remove..");
                }

                Text {
                    anchors.fill: parent
                    text: name
                }
        }
    }

    MouseArea {
        anchors.fill: parent
        acceptedButtons: Qt.LeftButton | Qt.RightButton
        onClicked: {
            if (mouse.button === Qt.LeftButton)
                model.append({name: "Test"});
            else if (mouse.button === Qt.RightButton)
                model.remove(0);
        }
    }
}