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 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
}
}
}
}
|