Component {
        id: labelCell
        Label {
            text: myModel.name
        }
    }

    Component {
        id: listCell
        Column {
            id: content
            ItemDelegate {
                id: headerDelegate
                checkable: true
                text: myModel.name
            }
            Column {
                visible: headerDelegate.checked
                Repeater {
                    delegate: treeCell
                    model: myModel.items
                }
            }
        }

    }

    Component {
        id: treeCell
        Loader {
            property var myModel: model
            sourceComponent: myModel.items ? listCell : labelCell
        }
    }

    ListView {
        anchors.fill: parent

        delegate: treeCell

        model: ListModel {
            ListElement {
                name: "test 0"
                items: [
                    ListElement {
                        name: "first"
                        items: [
                            ListElement {
                                name: "first"

                            },
                            ListElement {
                                name: "second"
                            },
                            ListElement {
                                name: "last"
                            }
                        ]
                    },
                    ListElement {
                        name: "second"
                    },
                    ListElement {
                        name: "last"
                    }
                ]
            }
            ListElement {
                name: "test 0"
                items: [
                    ListElement {
                        name: "first"
                    },
                    ListElement {
                        name: "second"
                    },
                    ListElement {
                        name: "last"
                    }
                ]
            }
            ListElement {
                name: "test 0"
                items: [
                    ListElement {
                        name: "first"
                    },
                    ListElement {
                        name: "second"
                    },
                    ListElement {
                        name: "last"
                    }
                ]
            }
        }
    }