tests/auto/qtquick2/qquickgridview/data/footer.qml


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

import QtQuick 2.0

Rectangle {
    property bool showHeader: false

    function changeFooter() {
        grid.footer = footer2
    }
    width: 240
    height: 320
    color: "#ffffff"
    Component {
        id: myDelegate
        Rectangle {
            id: wrapper
            objectName: "wrapper"
            width: 80
            height: 60
            border.color: "blue"
            Text {
                text: index
            }
            color: GridView.isCurrentItem ? "lightsteelblue" : "white"
        }
    }
    Component {
        id: headerComponent
        Text { objectName: "header"; text: "Header " + x + "," + y; width: 100; height: 30 }
    }

    GridView {
        id: grid
        objectName: "grid"
        width: 240
        height: 320
        cellWidth: 80
        cellHeight: 60
        model: testModel
        delegate: myDelegate
        header: parent.showHeader ? headerComponent : null
        footer: Text { objectName: "footer"; text: "Footer " + x + "," + y; width: 100; height: 30 }
    }

    Component {
        id: footer2
        Text { objectName: "footer2"; text: "Footer 2" + x + "," + y; width: 50; height: 20 }
    }
}