Sadržaj
Okosnica.js Temelji se na MVC strukturi, osim što ima Modeli, također ima pogledaPrema filozofiji ove arhitekture izgradnje softvera, stavovi su oni koji imaju odgovornost prikazati korisniku podatke koji se generiraju između kontrolera i modela ovisno o postavljenom zahtjevu.U Okosnica.js ovo radi malo drugačije, prikaz ne sadrži elemente koje korisnik izravno vidi, već komunicira podatke putem predložaka.
Pogledi u Backbone.js
U Okosnica.js pogledi kao takvi ne sadrže HTML jezik koji se može prikazati korisniku naše aplikacije, naprotiv sadrže logiku koja će nam omogućiti da izgradimo rad prednjeg dijela aplikacije koji razvijamo koristeći model kao bazu, to jest ono što imamo u modelu kojim ćemo manipulirati u pogledu, imajući tako dvije razine djelovanja.
Za prikaz podataka koristit ćemo render () metoda što nam omogućuje da podatke iz našeg prikaza prenesemo u predložak, koji je ugrađen u neki motor Javascript predlošci na primjer: Podcrtaj, brkovi, Jquery-tpml itd.
Prikaz stvaranja
Do stvoriti pogled Pratimo prilično izravan proces, sličan stvaranju modela, kako bismo generirali pogled s kojeg se moramo samo proširiti Okosnica.Prikaz, da vidimo kako se ovo ponaša kada ga pokrenemo na svom kromirana konzola pomoću HTML datoteke s knjižnicama Okosnica.js, jsquery Y podcrtati već učitano.
Pogledajmo prvo kôd koji ćemo postaviti u svoju konzolu:
var TodoView = Backbone.View.extend ({tagName: 'li', // Keširaj funkciju predloška za jednu stavku. todoTpl: _.template ("Primjer predloška"), događaji: {'dblclick label': 'uredi ',' keypress .edit ':' updateOnEnter ',' blur .edit ':' close '}, // Regenerirajte naslove oznake elementa. render: function () {this. $ el.html (this.todoTpl (this.todoTpl ( this.model.toJSON ())); this.input = this. $ ('. edit'); vrati ovo;}, edit: function () {// Izvodi se kada se to učini dvostrukim klikom na oznaku}, zatvori : function () {// izvršava se kada se fokus ukloni s elementa}, updateOnEnter: function (e) {// izvršava se kad se pritisne tipka dok je u načinu uređivanja, // međutim, pričekajte dok se ne unese pritisnuto za pokretanje}}); Kao što vidimo, nakon što to učinimo produžiti odgovarajući inicijaliziramo niz atributa koji će učiniti da naš pogled funkcionira, dodatno u svaki element stavljamo komentare kako bismo znali kako funkcionira.
Pogledajmo sada u konzoli što se događa kada pozovemo pogled:
Ovime zaključujemo ovaj vodič s kojim smo već napravili korak naprijed u onome što odgovara generiranju pregleda u MVC aplikaciji koristeći Okosnica.js.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
