[[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();