Como adicionar um elemento para o QML ListModel usando Javascript?

Question

Eu criei um ListModel aninhado.

ListModel {
    id: mainModel
    ListElement {
        mainName: "Alphabet"

        subAlpha: [
            ListElement { alphaName: "A" },
            ListElement { alphaName: "B" }
        ]
    } } 

Como posso adicionar elementos na lista interna usando javascript? Em outras palavras, como posso adicionar elementos ao modelo subAlpha?

    

Answer 1

Use subAlpha.append() . Esse método usa um objeto Javascript como um argumento, que é usado para criar um novo ListElement com essas chaves e valores.

Um exemplo de trabalho:

import QtQuick 2.0

ListView {
    width: 200
    height: 200

    ListModel {
        id: mainModel
        ListElement {
            name: "Alphabet"
            subAlpha: [
                ListElement {
                    alphaName: "A"
                },
                ListElement {
                    alphaName: "B"
                }
            ]
        }
    }

    model: mainModel
    delegate: Column {
        Text { text: name }
        Row {
            Repeater {
                model: subAlpha
                Text { text: alphaName }
            }
        }
    }

    Component.onCompleted: {
        mainModel.get(0).subAlpha.append({alphaName: "C"})
    }
}

    

Answer 2

Para torná-lo válido, JSON / Javascript

a = {
  id: mainModel,
  ListElement: {
    mainName: "Alphabet",

    subAlpha: [
       { alphaName: "A" },
       { alphaName: "B" }
    ]
  } 
} 

e, em seguida, adicione a subAlpha

a.ListElement.subAlpha.push({ alphaName: "C" })