BackboneJS

Szerző: Sallai András
Copyright © Sallai András, 2015
Licenc: GNU Free Documentation License 1.3
Web: https://szit.hu

Beszerzés

A BackboneJS két függőséggel rendelkezik. A jQuery és a Underscore.JS. A következő webhelyekről szerezhetők be:

Kezdés

Minden backbone alkalmazást egy modellel kell kezdeni.

index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Minta</title>
</head>
<body>
 
<h1>Minta</h1>
 
<script src="jquery-1.11.3.min.js"></script>
<script src="underscore-min.js"></script>
<script src="backbone-min.js"></script>
<script src="script.js"></script>
 
</body>
</html>

script.js

Dolgozo = Backbone.Model.extend({
	initialize: function(){
		console.log("új dolgozó");
	}
});
 
Joska = new Dolgozo();

Tulajdonságok felvétele

script.js

Dolgozo = Backbone.Model.extend({
	initialize: function(){
		console.log("új dolgozó");
	},
	defaults: {
		nev: 'névtelen',
		kor: '0'
	}
});
 
Joska = new Dolgozo();
console.log(Joska.get('nev'));

Tulajdonságnak kezdőérték

script.js

Dolgozo = Backbone.Model.extend({
	initialize: function(){
		console.log("új dolgozó");
	},
	defaults: {
		nev: 'névtelen',
		kor: 0
	}
});
 
Joska = new Dolgozo({ nev: 'Nagy János',
				kor: 35 });
console.log(Joska.get('nev'));
console.log(Joska.get('kor'));

Kiíratás JSON formátumban

console.log(Joska.attributes);

A tulajdonság megváltoztatása

Joska.set('kor', 37);
console.log(Joska.attributes);

Egy tulajdonság törlése

Joska.unset('kor');
console.log(Joska.attributes);

Létezik-e az adott tulajdonság

console.log(Joska.has('nev'));

Az eredmény true vagy false, attól függően, hogy létezik-e a kérdéses tulajdonság.

Az összes tulajdonság törlése

Joska.clear();
console.log(Joska.attributes);

Tulajdonság klónozása

Jozsika = Joska.clone();
console.log(Jozsika.attributes);

A klón ugyanazokkal a tulajdonságokkal fog rendelkezni.

Függvény készítése

script.js

Dolgozo = Backbone.Model.extend({
	initialize: function(){
		console.log("új dolgozó");
	},
	defaults: {
		nev: 'névtelen',
		kor: 0
	},
	kiirMinden: function() {
		console.log(
			this.get('nev') + ':' +
			this.get('kor'));
	}
});
 
Joska = new Dolgozo({ nev: 'Nagy János',
				kor: 35 });
Joska.kiirMinden();