The backbone.modelmorph from rhysbrettbowen

backbone.modelmorph's Introduction

#Model Morph

Allows the definition of a schema that will create a new model with computed properties to be created from another model. Useful for things like rivets where we want to provide computed properties that are dynamic and will change dependant on the original model.

var orig = new Backbone.Model({
	firstName: 'fred',
	lastName: 'smith',
	title: 'Mr'
});

var morph = new Backbone.Morph(orig, {
	fullName: {
		get: function(first, last) {
			return first + ' ' + last;
		},
		set: function(name) {
			// return array matches require array to set
			return name.split(' ');
		},
		require: ['firstName', 'lastName']
	},
	titledName: {
		get: function(title, name) {
			return title + ' ' + name;
		},
		set: function(name) {
			return [name.substring(0,2), name.substring(3)];
		},
		// can use computed properties to compute more properties
		require: ['title', 'fullName']
	}
});

// can get from schema
morph.get('fullName'); // 'fred smith'

// or original values
morh.get('firstName'); // 'fred'

// can listen to changes on computed values
morph.on('change:fullName', function(model, name, options) {
	alert(name);
});

orig.set('firstName', 'bert'); // alert 'bert smith'

// can even set back through computed values
morph.set('edward pumpernickel'); // alert 'edward pumpernickel'

// and changes are made back to original model
orig.get('firstName'); // edward

#Changelog

##v1.0.0

-initial versioning

backbone.modelmorph's People

Contributors

Stargazers

Watchers

backbone.modelmorph's Issues

not compatible with lodash

lodash _.extend behave differently when copying method attribute, so I patch in underscore extend. This is for user who are using frameworks like chaplin.js that come predefined with backbone and lodash

   };

   Backbone.Morph = function (model, schema) {
+
+
+    var old_extend = function (obj) {
+        _.each(_.toArray(arguments).slice(1), function(source) {
+          if (source) {
+            for (var prop in source) {
+              obj[prop] = source[prop];
+            }
+          }
+        });
+        return obj;
+    }
+
+
     // create a new Morph model that uses the original model as a prototype
     var Morph = function() {};
-    _.extend(Morph.prototype, model, proto);
+    old_extend(Morph.prototype, model, proto);
+
     var morph = new Morph();
     morph._schema = schema;
     morph._model = model;

not compatible with backbone 1.10

backbone 1.10 remove model.change() method so my patch is to call directly _model.set with the result of _schema[key].set

also support for 1 to 1 mapping where _schema[key].set return a value instead of an array

           return this._model.set(key, this._schema[key].set(value), options);
         // else we expect back an array of values to set each require
         var vals = this._schema[key].set(value);
-        _.extend(options, {silent: true});
-        _.each(vals, function(val, ind) {
-          this.set(this._schema[key].require[ind], val, options);
-        }, this);
-        this._model.change();
+        if (_.isArray(vals)) {
+            _.each(vals, function(val, ind) {
+              this._model.set(this._schema[key].require[ind], val, options);
+            }, this);
+        } else { // require only have one input, so one to one mapping
+            this._model.set(this._schema[key].require[0], vals, options);
+        }
+
       }
     },

Recommend Projects

rhysbrettbowen / backbone.modelmorph Goto Github PK

backbone.modelmorph's Introduction

backbone.modelmorph's People

Contributors

Stargazers

Watchers

Forkers

backbone.modelmorph's Issues

not compatible with lodash

not compatible with backbone 1.10

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent