szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:web|< Web]]

====== BackboneJS ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2015
  * Licenc: GNU Free Documentation License 1.3
  * Web: http://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:
  * http://jquery.com/
  * http://underscorejs.org/
  * http://backbonejs.org/
===== Kezdés =====

Minden backbone alkalmazást egy modellel kell kezdeni. 


<code html 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>

</code>

<code javascript script.js>

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

Joska = new Dolgozo();

</code>


===== Tulajdonságok felvétele =====

<code javascript 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'));
</code>

===== Tulajdonságnak kezdőérték =====

<code javascript 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'));
</code>

===== Kiíratás JSON formátumban =====

<code javascript>
console.log(Joska.attributes);
</code>

===== A tulajdonság megváltoztatása =====


<code javascript>
Joska.set('kor', 37);
console.log(Joska.attributes);
</code>

===== Egy tulajdonság törlése =====

<code javascript>
Joska.unset('kor');
console.log(Joska.attributes);
</code>

===== Létezik-e az adott tulajdonság =====

<code javascript>
console.log(Joska.has('nev'));
</code>

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 =====

<code javascript>
Joska.clear();
console.log(Joska.attributes);
</code>

===== Tulajdonság klónozása =====

<code javascript>
Jozsika = Joska.clone();
console.log(Jozsika.attributes);
</code>

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

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

<code javascript 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();
</code>