CODEWITHSUNDEEP
javascriptbackbone.js
Mark
Mark

Reputation: 5088

Use Backbone model default if a attribute value is null

I have a backbone model and collection. In the model, the default attribute values are defined:

var Person = Backbone.Model.extend({
    defaults: { 
        name: "mark",
        middle: "-"  
    }
});

var People = Backbone.Collection.extend({
    model: Person
});



var collection = new People();

collection.add({name: "paul", middle: null});

console.log('collection is ');
console.log(collection);

I want the default value for "middle", which is "-", to be taken if "null" is passed in for the attribute "middle". However, "null" overrides the default instead. How do I do this? The jsfiddle is here

Upvotes: 3

Views: 3153

Answers (2)

u.k
u.k

Reputation: 3091

The cleanest way probably is to add a parse method and normalize the data:

var Person = Backbone.Model.extend({
  defaults: {
    name: 'mark',
    middle: '-'
  },
  parse: function (payload) {
    return {
      name: payload.name || undefined,
      middle: payload.middle || undefined
    };
  }
});

collection.add({name: "paul", middle: null}, {parse: true});

Note that when the data is returning from the server via fetch it will automatically go through parse and there's no need to call pass the option flag.

You could do it either on the model level or at the collection level.

Upvotes: 2

Sebri Zouhaier
Sebri Zouhaier

Reputation: 745

check for value when initialize

initialize: function() {
  if (!this.get("middle") || $.trim(this.get("middle") || '') === '') {
    this.set({"middle": this.defaults.middle});
  }
},

Upvotes: 1

Related Questions