Wie einrichten eines Rückgrat-Modell, und es ist der Ansicht, ohne der Definition einer Sammlung? Derzeit haben leere Anfrage-payload

Ich dachte, ich hätte die Modell, ModelView -, Sammlung, AppView sample auf github/documentcloud/backbone einigermaßen verstanden, bis..

Ich versuchte, etwas einzurichten, ist mehr geschnitten-nach unten. Ich bin versucht, einfach eine Model und ein View.

Mein Problem

Den post-Daten funktioniert nicht; des Anfrage-payloads, die in der Netzwerk-trace leer ist, was habe ich verpasst?

Habe ich die komplette code bis auf jsFiddle hier (A). Ich habe auch getestet, dass der Beispielcode funktioniert in meiner Umgebung funktioniert auch in auf jsFiddle (B) und Netzwerk-Inspektion zeigt, dass die Anfrage-payload Daten.

Modell und code Anzeigen

window.MyModel = Backbone.Model.extend({
    urlRoot: '/api/m',
});

window.MView = Backbone.View.extend({
    template: _.template($('#template').html()),
    el: $('#modelfields'),

    initialize: function () { this.model.bind('change', this.render, this); },

    events: {
        "click .save": function () { this.model.save(); }
    },
    render: function () { 
        $(this.el).html(this.template(this.model.toJSON()));
        return this;
    },
});

window.MyMView = new MView({model: new MyModel});

Netzwerk-Fenster-Bildschirm-Aufnahmen

InformationsquelleAutor Nick Josevski | 2012-03-07

  1. 3

    Ihre Modell hat keine Eigenschaften! Einige Standardwerte, oder nennen das.Modell.set ({..}), um Sie hinzuzufügen.

    Habe ich aktualisiert Ihre Beispiel um einen Standardwert einzubinden und die Felder aus dem Formular.

    window.MyModel = Backbone.Model.extend({
    defaults: {
        'defaultvalue':'somedefault'                                     
    },
    urlRoot: '/api/m',
});

window.MView = Backbone.View.extend({
    template: _.template($('#template').html()),
    el: $('#modelfields'),

    initialize: function () { this.model.bind('change', this.render, this); },

    events: {
        "click .save": 'save'
    },
    save: function() {
        var description = this.$("#Description").val();
        var moreData = this.$("#MoreData").val();
        this.model.set({"description":description,"more":moreData});
        this.model.save();            
    },
    render: function () { 
        $(this.el).html(this.template(this.model.toJSON()));
        return this;
    },
});

window.MyMView = new MView({model: new MyModel});
    Danke, dass ich jetzt darüber nachdenken und schauen Sie auf die Beispiele, diese sieht das gemeinsame Konzept. Ihre serialisieren Vorschlag klingt auch wie eine option.
    Yep, für die Formen benutze ich ein snippet zu erweitern jQuery.serialisieren, serialisieren zu JSON und oft eine Bindung an eine form change-Ereignis zu halten, das Modell up-to-date (die höher ist nicht ratsam, in allen Szenarien) gist.github.com/1991640
    sollten wir nicht sein wie diese? {model: new MyModel()} statt {Modell: new MyModel}

    InformationsquelleAutor tarn

Schreibe einen Kommentar