Dynamisch erstellen, das listmodel in QML

Wenn ich brauche zu jedem QML-Komponente in der Laufzeit, die ich verwenden kann, die Anleitung:
http://qt-project.org/doc/qt-5/qtqml-javascript-dynamicobjectcreation.html

also einfach anrufen Qt.createComponent und der Komponente.createObject

Aber ich konnte nicht herausfinden, wie die zu erstellen, die das listmodel zur Laufzeit? mit qml, nicht in c++.

Können Sie Fragen, warum ich es brauche. Also, ich habe einen verschachtelten das listmodel: es ist äußeren Modell, die Delegierten enthalten innere Modelle. Also, wenn ich rufe outer_model.append({}), die ich passieren muss neu erstellt das listmodel für innere Modell. Ich kann nicht die Verwendung von statisch definierten innere Modell in der äußeren delegieren, weil ich nicht den Zugang zu solchen Modell-Laufzeit. By the way, kann darauf zugegriffen werden irgendwie?

P. S. Vielleicht ist es völlig falsch, zu versuchen, verwalten von Modellen in javascript?

  • Es gibt eine starke Schule des Denkens, sagt der Modelle verwaltet werden sollen in C++ und Javascript sollte gehalten werden, leicht, wirklich für die Verwaltung der Anzeigen nur. In meiner Erfahrung, es ist nichts falsch mit der Verwaltung der Modelle in Javascript, so lange, wie Ihr code ist gut strukturiert. Qt bietet keine Javascript-debugger, so können Sie nicht zu Schritt über den code oder inspizieren von Variablen. Sie verlassen sich auf einen old-school-Konsole.log() debug-Ausgaben, das macht es schwieriger, Fehler zu beheben oder die Pflege von Programmcode. Hoffentlich ändert sich das in zukünftigen Versionen von Qt Creator.
InformationsquelleAutor Konstantin Utkin | 2014-07-30
  1. 7

    Versuchen Sie dies:

    Component {
    id: someComponent
    ListModel {
    }
}

function createModel(parent) {
    var newModel = someComponent.createObject(parent);
    return newModel;
}
    • Beachten Sie, dass zusätzlich können Sie Standardwerte hinzufügen und Kind-Elemente von Komponenten in QML, so dass JavaScript nicht haben, fügen Sie Sie selbst.
    InformationsquelleAutor folibis
  2. 10

    Ich bin ein JS-Entwickler, der schreibt QtQuick-Anwendungen und das ist, was ich versucht habe mit mehreren Lösungen.

    Kurze Antwort zur Verwaltung von Modellen in JavaScript in QML ist, dass es ist ein Alptraum. Ich würde empfehlen, dass Sie schreiben Sie eine kleine sub-Klasse von QAbstractListModel, die intern verwendet QJsonArray als Datenquelle, so dass es es leichter macht zu verstehen, die Daten-Struktur in C++ als auch in seiner Nutzung innerhalb QML. Befolgen Sie die Anweisungen zum erstellen von QML-Typen aus C++ hier.

    Wenn Sie wollen immer noch, es zu tun in JavaScript, ein anderer Ansatz ist der folgende:

    function createNewList() {
    var newListModel = Qt.createQmlObject('import QtQuick 2.2; \
        ListModel {}', parent);
    return newListModel;
}

    Aber dies hat einige ernste memory-leak-Probleme nach der Verwendung gc()

    Wenn Ihre primäre Sorge ist, dass ListModels innen ListModels, diesem folgenden einfachen was für mich funktioniert (es gibt eine implizite Typ-Konvertierung zwischen Arrays von Objekten und ListModels innen ListModels glaube ich)

    property ListModel items: ListModel {}

function addComplexItem() {
    items.append({
        "key": "People",
        "arr": [
            {
             "arrItemName": "John",
             "arrItemValue": 18,
            },
            {
             "arrItemName": "Kerry",
             "arrItemValue": 21,
            },
            {
             "arrItemName": "Mike",
             "arrItemValue": 19,
            }    
        ]});
}


//Usage
Component {
    id: viewDelegate

    Item {
        Text {
            text: "List of " + key
        }
        ListView {
            model: arr
            delegate: Rectangle {
                Text { 
                    text: arrItemName
                } 
            }
        }  
    }
}
    • Ich mag die JS-Lösung, die Sie hier haben. Meine Erfahrung ist, dass es eine beträchtliche coding Aufwand und eine Menge von Restriktionen (Verzurren von Modell-Struktur) in QAbstractListModel route, so dass ich lieber, Verwaltung von Modellen in JS. Aber mein Problem ist das memory leak, es zu tun auf diese Weise. Vor kurzem habe ich berichtet dieser Fehler für die Qt-5.5, die möglicherweise im Zusammenhang. Wenn ja, hoffentlich ist das memory leak problem gelöst werden, die von Qt 5.7.
    InformationsquelleAutor islahul
  3. 0

    Mache ich die Initialisierung so: 

    dataObject_m1.initSystem= function() { //QML calls when ready 
  console.log( "ModulData_1.js func initSystem()");

  dataObject_m1.statisticsSystem= Qt.createQmlObject("import QtQuick 2.5; ListModel{}", dataObject_m1.parent, "dynamic_source" );
  dataObject_m1.statisticsSystem.objectName = "ModelSystem";
  dataObject_m1.statisticsSystem.append( { name: qsTr("System"), number: "", val: ""});
  dataObject_m1.statisticsSystem.append( { name: "S3500", number: "", val: ""});
  dataObject_m1.statisticsSystem.append( { name: "S3550", number: "", val: ""});
  dataObject_m1.statisticsSystem.append( { name: "S3551", number: "", val: ""});
  dataObject_m1.statisticsSystem.append( { name: "S9999", number: "", val: ""});
}

    Sowie Aktualisierung der Daten: 

     var updateSystem = function ( numberMap , valMap) {
     console.log ("ModuleData_1.js: updateSystem" );

   for (var num in (numberMap )) {
      var j = dataObject_m1.idMap[num];
      dataObject_m1.statisticsSystem.set( j, { val : Map[num]});
      console.log ("number(" + numberMap[val]+ ") [" + String(j) + "]= numbeMap["+val+"]" )
  }
 for (var valx in (valMap)) {
     var k = dataObject_m1.idMap[valx];
     dataObject_m1.statisticsSystem.set( k, { bad : valMap[valx]});
     console.log ("val(" + valMap[valx]+ ") [" + String(k) + "]= valMap["+valx+"]" )
  }
}

    Zugang fuction Modell:

     var statisticsModelSystem= function()  {
    console.log ("ModulData_1.js: get statisticsModelSystem" );
    if ( typeof(dataObject_m1.statisticsSystem) !== 'object')
        console.error(" statisticsSystem is undefined ")

    return dataObject_m1.statisticsSystem;
}
    InformationsquelleAutor Kombinator
Schreibe einen Kommentar