import QtQuick 2.2
import QtQuick.Controls 1.2

ApplicationWindow {
    visible: true
    width: 800
    height: 480

    ListModel {
        id: dummyModel
        Component.onCompleted: {
            for( var i = 0; i < 10; i++ ) {
                append({"name": ""});
            }
        }
    }

    Rectangle {
        width: parent.width
        height: parent.height

        ScrollView {
            flickableItem.interactive: true
            anchors.fill: parent
            anchors.margins: 20

            ListView {
                id: listView

                anchors.fill: parent
                spacing: 5

                cacheBuffer: height * 20000
                model: 20000

                delegate: displayText

                Component.onCompleted: {
                    listView.positionViewAtEnd();
                }

                MouseArea {
                    anchors.fill: parent
                    onClicked: {
                        listView.model = dummyModel;
                        gc();
                    }
                }
            }
        }

        Component {

            id: displayText
            Rectangle {

                id: displayRectx

                width: 300
                height: index % 2 ? 50 : (index % 3 ? 100 : index % 4 ? 150 : index % 6 ? 1000 : index % 7 ? 300 : 400);
                color: "lightGreen"

                Text {
                    id: txt
                    anchors.left: parent.left
                    anchors.leftMargin: 10

                    text: index + " index Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test"

                    font.pixelSize: 20
                }

                MouseArea {

                    anchors.fill: parent
                    onClicked: {
                        parent.height = 500;
                    }
                }
            }
        }
    }
}