import QtQuick 2.4
import Ubuntu.Components 1.2
import Ubuntu.Components.Pickers 1.0

MainView {
    id: root

    width: units.gu(50)
    height: units.gu(75)

    ListModel {
        id: numModel
        Component.onCompleted: {
            for (var i=0; i < 20; ++i)
                numModel.append({"num": i})
            picker.selectedIndex = 12
            headSections.selectedIndex = 12
        }
    }

    Page {
        title: "Test"
        head {
            sections {
            id: headSections
                model: numModel
            }
        }

        Picker {
            id: picker
            height: root.height * .8
            model: numModel
            delegate: PickerDelegate {
                Label {
                    text: num
                    anchors.fill: parent
                    verticalAlignment: Text.AlignVCenter
                    horizontalAlignment: Text.AlignHCenter
                }
            }
        }

        Button {
            onClicked: numModel.remove(8)
        }
    }
}