seulement mettre à jour certains attributs du modèle à l'aide Backbone.js

Question

Avec Backbone, je suis en train de mettre à jour et de sauvegarde au serveur un seul attribut:

currentUser.save({hide_explorer_tutorial: 'true'});

mais je ne veux pas envoyer tous les autres attributs. Certains d'entre eux sont en fait la sortie des méthodes sur le côté serveur et donc ils ne sont pas réellement vrais attributs avec des fonctions setter.

Actuellement, je suis en utilisant unset (nom_attribut) pour supprimer tous les attributs que je ne veux pas la mise à jour sur le serveur. Le problème est que ces attributs ne sont alors plus disponibles pour une utilisation locale.

Suggestions sur la façon de VALIDER certains attributs au serveur?

Answer 1

As of Backbone 0.9.9

Just pass {patch:true} to the save function, like this:

currentUser.save({hide_explorer_tutorial: 'true'}, {patch:true});

From the documentation,

If instead, you'd only like the changed attributes to be sent to the server, call model.save(attrs, {patch: true}). You'll get an HTTP PATCH request to the server with just the passed-in attributes.

Answer 2

You can use toJSON on the model to do so.

toJSON : function(){
  return {hide_explorer_tutorial: this.get("hide_explorer_tutorial")};
}

This will be the only attribute sent to the backend on save.

Answer 3

In fact there is a much simpler way of achieving this

if you look at backbone.js line 1145 you will see that

// Ensure that we have the appropriate request data.
    if (options.data == null && model && (method === 'create' || method === 'update' || method === 'patch')) {
      params.contentType = 'application/json';
      params.data = JSON.stringify(options.attrs || model.toJSON(options));
    }

Which means that you may override the data part of the xhr by putting data in your options

Since backbone save requires model.save([attributes], [options])

But remember that attributes like id might be essential to proper saving

Example

model.save( {}, { data: JSON.stringify(data) } ) ; 

For your particular case

var data = { id : currentUser.id ,  hide_explorer_tutorial: 'true' }  ;  
currentUser.save( {}, { data : JSON.stringify(data) } );

This do the trick quite well for me and could be used with any backbone with xhr such as fetch, save, delete, ...

Thanks for voting

Answer 4

I guess this isn't currently possible: Backbone.js partial model update

Answer 5

There is a trick, if you do not set data property but attrs property on the options argument, the request payload would be the attrs property value instead of all the model attributes.

Note: This also works for model create actions (POST).

For your particular case:

var data = { hide_explorer_tutorial: 'true' };  
currentUser.save(data, { attrs : data });

You can find more details from the backbone.js 1.33 source code (line 1405 - 1409):

// Ensure that we have the appropriate request data.
if (options.data == null && model && (method === 'create' || method === 'update' || method === 'patch')) 
{
  params.contentType = 'application/json';
  params.data = JSON.stringify(options.attrs || model.toJSON(options));
}