Comment mettre en place une base de modèle, et c'est sans la définition d'une collection? Actuellement vides de demande de charge utile

Je pensais que j'avais le Modèle, ModelView, Collection, AppView exemple sur github/documentcloud/backbone raisonnablement compris, jusqu'à ce que..

J'ai essayé de mettre en place quelque chose qui est plus coupe-bas. J'essaie juste avoir un Model et un View.

Ma question

Le post de données ne fonctionne pas; la demande de la charge utile dans le suivi du réseau est vide, qu'ai-je manqué?

J'ai le code complet jusqu' sur jsFiddle ici (A). J'ai testé aussi que l'exemple de code qui fonctionne dans mon environnement de travaille également dans sur jsFiddle (B) et le réseau de l'inspection révèle que la demande de la charge utile de données.

De modèle et de Vue code

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});

Fenêtre réseau des captures d'écran

OriginalL'auteur Nick Josevski | 2012-03-07

  1. 3

    Votre modèle n'a pas de propriétés! Définir certains paramètres par défaut ou appeler cette.de modèle.set({..}) pour les ajouter.

    J'ai mis à jour votre exemple pour ajouter une valeur par défaut et les champs du formulaire.

    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});
    Merci, maintenant que j'y pense et regarde les échantillons, ce qui semble être l'approche la plus répandue. Votre sérialiser suggestion, sonne comme une option.
    Yep, pour les formulaires-je utiliser un extrait d'étendre jQuery.sérialiser pour sérialiser en JSON et souvent lier à un changement de forme de l'événement pour garder le modèle up-to-date (le plus tard n'est pas conseillé dans tous les scénarios) gist.github.com/1991640
    ne devrions-nous pas être à l'aide de ce genre? {modèle: new Monmodèle()} au lieu de {modèle: new Monmodèle}

    OriginalL'auteur tarn