Façon la plus simple pour réinitialiser l'épine Dorsale du modèle initial par défaut?

Mes modèles ont déjà un defaults de hachage. Lorsque des parties de la vue/page sont remis à zéro, je souhaite réinitialiser les modèles à leur valeur d'origine par défaut.

Actuellement, je définir explicitement chaque attribut à sa valeur par défaut. Est-il rien de construit ou un JavaScript/trait de Soulignement.js/Ossature.js/jQuery fonction que je pourrais utiliser pour faire cela dans une seule déclaration?

InformationsquelleAutor PhD | 2011-07-31
  1. 120
    myModel.clear().set(myModel.defaults);
    • Haaaaaaaaaa! Savais que ça allait être cette simple!!! Merci 🙂 je ne peux pas croire que j'ai oublié ceci 🙂
    • C'est un peu dangereux, parce que si vous n'avez pas spécifié {id: null} dans vos paramètres par défaut, il aura le même id de l'avant et à l'aide de save() va METTRE sur le serveur, en écrasant l'ancien objet dans le serveur avec les valeurs par défaut!
    • Si vous souhaitez un modèle complètement différent, construire un nouveau: myModel = new MyModel().
    • Vrai, mais il est utile d'utiliser le même objet, si d'autres sont liés à elle.
    • Remarque: Toutes les propriétés qui ne sont pas répertoriés dans defaults sera pas être désactivée à partir du modèle. Vous aurez probablement envie d'appeler .clear() la première.
    • très pratique thnx
    • Un problème que je vais avoir avec cette approche est que le "changement" événement ne se déclenche une fois, avant les valeurs par défaut ont été définies.
    • vous pouvez utiliser {silent:true} en tant que paramètre pour l'effacer pour éviter le changement de déclenchement de l'événement
    • Merci, ça marche pour moi !!!

    InformationsquelleAutor Peter Lyons
  2. 5

    Je le fais quand le modèle est non-null initiale des propriétés de l'objet.

    tout d'abord, définir par défaut en fonction

    var MyModel = Backbone.Model.extends({

    defaults:function(){

        return {
            AnArrayTypeProp:[]
        };
    }

});

    deuxième, lorsque nécessaires pour rétablir le modèle par défaut

    model.clear().set(model.defaults());
    • Utilisation _.result(model, 'defaults) " pour gérer à la fois un objet ou une fonction defaults de la propriété.
    InformationsquelleAutor codeboy
  3. 5

    Je suis venu avec l'approche suivante:

    reset: function () {
    this.clear({silent: true});
    this.set(this.defaults);
}

    Avoir {silent: true} dans le clear() appeler assure que le change événement n'est pas déclenché, il sera de feu que sur set() appel.

    InformationsquelleAutor saabeilin
  4. 4

    Basé sur saabeilin's réponse et Épine dorsale du annoté source, je suis venu avec une fonction optimale pour combler le besoin pour la réinitialisation d'un modèle.

    Réutilisables réinitialiser

    /**
 * Clears the model's attributes and sets the default attributes.
 * @param  {Object} attrs to overwrite defaults
 * @param  {Object} options  to pass with the "set" call.
 * @return {Backbone.Model}  this object, to chain function calls.
 */
reset: function(attrs, options) {
    //adds default option reset to true
    options = _.extend({ reset: true }, options);

    //ensure default params
    var defaults = _.result(this, 'defaults');
    attrs = _.defaults(_.extend({}, defaults, attrs), defaults);

    //apply
    this.clear({ silent: true }).set(attrs, options);

    //triggers a custom event, namespaced to model in order
    //to avoid collision with collection's native reset event
    //when listening to a collection.
    if (!options.silent) this.trigger('model:reset', this, options);

    return this;
},

    La ligne suivante assure que même si un attribut est passé comme undefined { test: undefined }, ça va encore avoir sa valeur par défaut.

    attrs = _.defaults(_.extend({}, defaults, attrs), defaults);

    Voici un exemple:

    var defaults = { test: 1 }, 
    attrs = { test: undefined };

_.extend({}, defaults, attrs);                       //{test: undefined}
_.defaults(_.extend({}, defaults, attrs), defaults); //{test: 1}

    L'Extension Dorsale

    Et si vous le souhaitez avec tous épine Dorsale de modèles, vous pouvez étendre la Dorsale elle-même:

    _.extend(Backbone.Model.prototype, {
    reset: function(attributes, options){
        /* ... */
    }
});

    Avertissement: ne faites pas cela si vous êtes en train de rédiger une lib JavaScript ou Squelette plugin, car il pourrait entrer en collision avec une autre lib ou il pourrait provoquer un comportement différent de celui attendu par la personne à l'aide de votre code.

    InformationsquelleAutor Emile Bergeron
  5. 3

    J'ai aussi pensé à utiliser model.clear() et model.set() conjointement. Ensuite, j'ai couru à travers le problème, que je déclencher la change événement deux fois maintenant.
    À l'aide de la silent option lors de l'appel de model.clear() n'est pas une option, parce que je veux aussi avoir un change événement déclenché, lorsqu'une propriété devient vide.

    J'ai fini avec l'ajout d'un model.reset() méthode. Il prend une nouvelle attributs de hachage et remplit cette valeur de hachage avec undefined valeurs pour les vieux attributs des touches de ne pas être présent dans le nouvel attribut de hachage.

    Model.prototype.reset = function(attrs, options) {
    for (var key in this.attributes) {
        if (key in attrs) continue;
        attrs[key] = void 0;
    }

    return this.set(attrs, options);
};

    De cette façon, vous réinitialiser les modèles anciens attributs et d'obtenir un valide change événement pour tous les anciens et les nouveaux attribut.

    InformationsquelleAutor Johnny
  6. 1

    Qu'en remplaçant la valeur du modèle actuel avec un nouveau modèle :

    myModel = new model(); //default values will be considered
    • Cela fonctionne, mais il va détruire tous les événements liés au modèle. Si j'ai un change événement sur myModel et je l'écraser comme ça, un), il ne se déclenchera pas un événement de changement, et b) précédemment lié aux événements serait perdu.
    InformationsquelleAutor ismnoiet
  7. 0

    Mes solutions:

    model.clear({silent: true}).set(model.defaults);
    InformationsquelleAutor Daniel Ortegón