blob: cea6d9724ebf0117e0a300b9cd2508b6b9c65ad9 (
plain)
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
// Copyright (C) 2019 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR LGPL-3.0-only OR GPL-2.0-only OR GPL-3.0-only
import QtQuick 2.12
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.12
import QtQuick.Window 2.12
import Qt.labs.qmlmodels 1.0
import "JsonData.js" as CachedJsonData
ApplicationWindow {
id: window
width: 800
height: 300
visible: true
function requestJson() {
let doc = new XMLHttpRequest()
doc.onreadystatechange = function() {
if (doc.readyState === XMLHttpRequest.DONE) {
var root = JSON.parse(doc.responseText)
var race = root.MRData.RaceTable.Races[0]
var raceResults = race.Results
var drivers = []
for (let i = 0; i < raceResults.length; ++i) {
drivers.push(raceResults[i].Driver)
}
tableView.model.rows = drivers
print(JSON.stringify(drivers))
}
}
doc.open("GET", "http://ergast.com/api/f1/2005/1/results.json")
doc.send()
}
Component.onCompleted: requestJson()
// Same as the data we get from ergast. Use it while developing
// to avoid flooding the server with requests.
// Component.onCompleted: tableView.model.rows = CachedJsonData.drivers
ColumnLayout {
anchors.fill: parent
TableView {
id: tableView
boundsBehavior: Flickable.StopAtBounds
ScrollBar.horizontal: ScrollBar {
policy: ScrollBar.AlwaysOn
}
ScrollBar.vertical: ScrollBar {
policy: ScrollBar.AlwaysOn
}
Layout.minimumHeight: window.height / 2
Layout.fillWidth: true
Layout.fillHeight: true
model: TableModel {
TableModelColumn { display: "driverId" }
TableModelColumn { display: "code" }
TableModelColumn { display: "url" }
TableModelColumn { display: "givenName" }
TableModelColumn { display: "familyName" }
TableModelColumn { display: "dateOfBirth" }
TableModelColumn { display: "nationality" }
}
delegate: TextField {
objectName: "tableViewTextFieldDelegate"
text: model.display
selectByMouse: true
implicitWidth: 140
onAccepted: model.display = text
}
}
}
}
|