Completely remove attribute from Backbone.js model

Question

I am trying to totally remove an attribute from a backbone model. The model is being sent to an API that isn't very flexible, and it will break if I send additional attributes over the ones I'm supposed to send, so I need to remove an attribute so it no longer exists.

I tried model.unset, from this question, but when I print out the object the attribute I'm trying to remove is still listed, just with a value of null.

I need the attribute to be completely gone.

My basic structure is:

model.unset("AttrName", "silent");

McGarnagle · Accepted Answer · 2015-02-26T19:17:53.690

19

The problem is that you're using the parameters for unset incorrectly. "Silent" should be a part of an options hash, not a separate parameter. This works:

model.unset("AttrName", { silent: true });

The reason for the strange behavior can be seen from the annotated source:

unset: function(attr, options) {
  (options || (options = {})).unset = true;
  return this.set(attr, null, options);
},

The unset method assumes that its options parameter is an object, and attempts to either create or modify it, then passes it on to the set method. If you pass a string instead, then the inadvertent effect of the code is to set the attribute to null, rather than to unset it.

edited Feb 26 '15 at 19:17

answered Oct 27 '12 at 22:06

McGarnagle

101,349
31
229
260

If I change the options to be a hash like that it triggers a change event, which is exactly what I'm trying to avoid with the silent option. – FrizbeeFanatic14 Oct 27 '12 at 22:11
@FrizbeeFanatic14 something else is wrong -- if you use that syntax, it shouldn't raise a change event (I just tested this). – McGarnagle Oct 27 '12 at 22:15
You're right, it was something else calling that event. Thanks. – FrizbeeFanatic14 Oct 27 '12 at 22:22

Tal Bereznitskey · Answer 2 · 2012-10-28T08:48:45.660

2

Override the toJSON method of your model and only include the attributes you wish to send.

Updated: (added code sample)

When extending the model, add a toJSON function and return an object with the desired attributes:

{
    toJSON : function() {
        return {
            name: this.get('name'),
            age: this.get('age'),
            phoneNumber: this.get('phoneNumber')
        };
    }
}

edited Oct 28 '12 at 08:48

answered Oct 27 '12 at 22:03

Tal Bereznitskey

2,051
1
20
20

I'm pretty new to Backbone - how exactly would I go about that? – FrizbeeFanatic14 Oct 27 '12 at 22:12

score 0 · Answer 3 · answered Oct 27 '12 at 22:09

0

You might try just building an object with only the properties you want (and sending that):

serializeModel: function() {
  return {
    email: this.$("#email").val(),
    password: this.$("#password").val()
  }
}

answered Oct 27 '12 at 22:09

poorman

120
7

Completely remove attribute from Backbone.js model

3 Answers3