emvece

a very simple mvc scaffold.

• Model
• Collection
• View

loosely inspired by backbone.

uses onlooker for observer implementation

// model
var link = emvece.Model.subclass({
    defaults: {
    	title: '',
        url: '',
    },
});
 
// view
var view = emvece.View.subclass({
    tagName: 'div',
    elementClasses: ['link-view'],
    elementAttributes: {
    	id: 'link-view',
    },
    render: function() {
    	addToDom(this.element, this.model.getAttributes());
    },
    init: function() {
    	var self = this;
        // observer
    	this.model.on('changed:title changed:url', function(value, old) {
        	self.render();
        });
    }
});
 
var model = new link({ title: 'github', url: 'https://github.com' });
var page = new view({model:model});
page.render()
 
model.set({ title: 'Github' });