ContactDelegate.ui.qml Example File
contactlist/ContactDelegate.ui.qml
import QtQuick 2.7
import QtQuick.Layouts 1.0
import QtQuick.Controls 2.1
ItemDelegate {
id: delegate
checkable: true
contentItem: ColumnLayout {
spacing: 10
Label {
text: fullName
font.bold: true
elide: Text.ElideRight
Layout.fillWidth: true
}
GridLayout {
id: grid
visible: false
columns: 2
rowSpacing: 10
columnSpacing: 10
Label {
text: qsTr("Address:")
Layout.leftMargin: 60
}
Label {
text: address
font.bold: true
elide: Text.ElideRight
Layout.fillWidth: true
}
Label {
text: qsTr("City:")
Layout.leftMargin: 60
}
Label {
text: city
font.bold: true
elide: Text.ElideRight
Layout.fillWidth: true
}
Label {
text: qsTr("Number:")
Layout.leftMargin: 60
}
Label {
text: number
font.bold: true
elide: Text.ElideRight
Layout.fillWidth: true
}
}
}
states: [
State {
name: "expanded"
when: delegate.checked
PropertyChanges {
target: grid
visible: true
}
}
]
}