< Web

BackboneJS

Szerző: Sallai András

Copyright © 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.

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