QML ListView rempli par Javascript

Je viens de réaliser que (selon certains QML rapport de bug) il n'y a JSON Délégué pour ListView manquant. J'ai donc deux choix, le remplir selon le modèle créé en Javascript ou C++

Spécialement j'ai besoin de télécharger .les données json à partir d'URL prédéfinis et de les analyser à la liste.

J'ai essayé de créer un tableau d'objets en Javascript et pousser assoc tableau à la liste en tant que Modèle, mais il a échoué. Peu importe la façon dont j'ai modifié le code.

Donc, il y a seulement C++ solution ou je peux faire ListView modèle en Javascript?

Grâce

Code que j'ai essayé:

return [{"name":"value"}]
return {"name":"value"}
return [["name","value"]]

La question a toujours été: ReferenceError: Can't find variable: name

Pour info: j'ai fait la même chose, mais pas en javascript: code.google.com/p/qjsonpath

OriginalL'auteur Marek Sebera | 2011-04-28

  1. 19

    En raison des conseils de [email protected]#qt ce faire:

    de fichiers: l'interface graphique.qml

    import "script.js" as Script

model: ListModel { id: list_model_id }

    fichier: script.js

    function makeList(id){
    id.append({"name":"value1"});
    id.append({"name":"value2"});
}

    appel: 

    Script.makeList(list_model_id)

    OriginalL'auteur Marek Sebera

  2. 9

    Il peut être un peu en retard, mais avec Qt 5.5 (peut-être plus tôt, mais testet avec 5.5) vous pouvez effectuer les opérations suivantes:

    Supposons que vous avez un tableau comme ceci:

    var dataArray = [{"name":"A"},{"name":"B"},{"name":"C"}]

    Le code QML pour afficher ce modèle:

    ListView {
    model: dataArray //the array from above
    delegate: Label {
        text: dataArray[index].name
    }
}

    La index seront fournis par le délégué. C'est l'index de l'élément courant à l'intérieur du modèle. Voir ListView délégué de la propriété pour plus d'informations.

    OriginalL'auteur Felix

  3. 6

    Il est beaucoup plus facile à utiliser Composant.onCompleted:

    model: ListModel {
    Component.onCompleted: {
        append({"name": "A"});
        append({"name": "B"});
        append({"name": "C"});
    }
}

    OriginalL'auteur Mitch