Le mode de communication avec la liste est extrêmement simple pour le moment : les
différents éléments de la liste sont transformés en boutons, qui imposent aux
composants de texte dans la grille les valeurs correspondantes.
Note > Le code source de cet exemple est disponible dans le projet biblioappbasique .
Repeater {
id: r
model: […]
Button {
text: modelData["title"] + ", " + modelData["author"]
onClicked: {
dTitle.text = modelData['title'];
// …
}
}
}
GroupBox {
// …
GridLayout {
columns: 2
Text {
Layout.columnSpan: 2
Layout.minimumWidth: window.width
Layout.maximumWidth: window.width
text: "Détails d'un livre"
horizontalAlignment: Text.AlignHCenter
}
Label { text: "Titre" }
Text { id: dTitle; }
// …
}
}
Figure 15.14 : Première version complète de BiblioApp, en cent lignes de code
329