Konvertieren von JSON-Daten an das Rückgrat-Modell mit Kind-Sammlung

Arbeite ich mit einer Playlist-Objekt, das bestimmte Eigenschaften definieren sich selbst als auch als PlaylistItem Sammlung.

Wenn ich Daten von meinem server, ich bekomme seine JSON-Antwort in meiner client-side-Erfolgs-Methode:

success: function (data) {
    console.log("JSON data:", data);

    playlists = _.map(data, function (playlistConfig) {
        return new Playlist(playlistConfig);
    });

    ...
}

Hier, ich meine konvertieren von JSON-Daten in Playlist-Objekte. Jede Wiedergabeliste-Objekt ist ein Rückgrat.Modell.

Hier ist, wie meine Daten Aussehen:

Konvertieren von JSON-Daten an das Rückgrat-Modell mit Kind-Sammlung

Und hier ist, was die Playlist-Konstruktor sieht so aus:

return function(config) {
    var playlist = new Playlist(config);

    return playlist;
};

var Playlist = Backbone.Model.extend({
    defaults: function() {
        return {
            id: null,
            userId: null,
            title: 'New Playlist',
            selected: false,
            position: 0,
            shuffledItems: [],
            history: [],
            items: Backbone.Collection.extend({
                model: PlaylistItem
            })
        };
    },
    ...
}

Mein problem:

Wenn ich eine Playlist erstellen-Objekt mit Standardwerten initialisiert er die mit einem leeren Rückgrat.Sammlung für PlaylistItem. Jedoch wenn ich eine Playlist erstellen-Objekt mit einem bereits definierten Sammlung, bekomme ich einen basic-array und kein Rückgrat.Sammlung. Dies ist, weil ich die Arbeit mit JSON-Daten vom server, die nicht umgewandelt worden Rückgrat Entitäten noch. Daten erstreckte sich über die Playlist-Standardeinstellungen und überschreibt das Rückgrat.Sammlung Einheit.

Was ist eine richtige Art und Weise zu initialisieren, mit einem besiedelten Rückgrat.Sammlung? Ich könnte schreiben, code Initialisiert die Kontrollen der Typ der meine items-array und wenn es kein Rückgrat.Sammlung ich konnte, erstellen Sie ein neues Rückgrat.Sammlung und fügen Sie die Elemente, um es zu ersetzen und dann das alte array mit dem neuen, aber das scheint wirklich hoakey.

Siehe meine Antwort auf diese Frage für ein Muster für die Verwaltung der Sammlung von Eigenschaften innerhalb der Modelle: stackoverflow.com/questions/14315302/...

InformationsquelleAutor Sean Anderson | 2013-01-21

  1. 1

    Nicht definieren, Ihre PlalistItems-Sammlung in Verzug, aber vorher.
    Erstellen Sie dann eine initialize-Methode auf das Playlist-Modell etwa so:

    var PlaylistItems = Backbone.Collection.extend({
   ...
});

var Playlist = Backbone.Model.extend({
    initialize: function() {
        this.set('items', new PlaylistItems(this.items));
    },

    defaults: function() {
        return {
            id: null,
            userId: null,
            title: 'New Playlist',
            selected: false,
            position: 0,
            shuffledItems: [],
            history: [],
            items: []  //don't define your PlaylistItems Collection here
        };
}
});

    Überprüfen Sie heraus die Geige hier: http://jsfiddle.net/georgedyer/r2XKb/
    (Sie müssen die Konsole öffnen, um die Sammlung zu sehen)

    InformationsquelleAutor georgedyer

  2. 0

    Einem anderen Problem, das ich gestoßen bin, war nach dem speichern Ihres Modells zu dem server erhalten Sie wieder eine Antwort, dass wird sich ändern Sie Ihre embedded-Sammlung in ein normales javascript-array. Um dies zu beheben musste ich das überschreiben der Funktion parse auf meiner model-Klasse wie folgt:

    var model = backbone.Model.extend({
        urlRoot : "/rest/model",

        initialize: function(){
            this.set("myCollection", new MyCollection(this.myArray));
        },

        defaults: {
            myArray: []
        },

        parse: function(response){
            this.set(response);
            this.set("myArray", new MyCollection(response.myArray));
        }
    });
    Hey, just FYI, ich denke, es ist am besten Praxis, um immer wieder aus analysieren-und zeigen Sie, was Sie getan haben, über Ihre Rückkehr. So etwas wie: gist.github.com/MeoMix/6ee36e30ea0e9c140ee3 -- was ist das, was ich derzeit verwenden. Nicht 100% diese aber nicht 🙂

    InformationsquelleAutor agaddie

Schreibe einen Kommentar