[[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.
Minta
Minta
Dolgozo = Backbone.Model.extend({
initialize: function(){
console.log("új dolgozó");
}
});
Joska = new Dolgozo();
===== Tulajdonságok felvétele =====
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 =====
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 =====
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();