Skip to content

misterjt/mvbind

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

Backbone MVbind

Backbone MVbind is simple and ultra-lightweight (1.119 kb) tool to connect Model and View.

var User=Backbone.Model;
var View=Backbone.View.extend({
	initialize:function(){
		this.mvbind() // To start data binding you need to call this.mvbind();
	},
	bind:{
		'input.name':'name'// You can use jQuery selectors in left-hand side. 
		//In right-hand type key for model;
	}
})

$(function(){// Dont forget to wait for DOMContentLoaded
	var user=new User({name:'Jack'});
	var view=new View({model:user});
	/* After this your input.name fields will automatically content 'Jack'. 
 	* and if you will change smth in input, your model changes too. Vice versa.
	*/
}) 

Options

MVbind even got an option. You can choose where to get the first data on initialize.

var View=Backbone.View.extend({
	initialize:function(){
		this.mvbind({source:'view'}) // Model will take data from input;
	},
	bind:{
		'input.name':'name'
	}
})

About

Backbone MVbind

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published