ruggengraat, en één lijst van toepassing. Js,,,,,,,,,, 123, aandelen, 65,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen. Backbone.js is de opbouw van een flexibel, en de webapplicatie javascript kader.Het model, met die, het uitzicht en de gebeurtenissen, routers en andere grote functies.In dit verslag, zullen we de ontwikkeling van een simpele lijst van toepassing is, steun aan toe te voegen, te bewerken en het schrappen van de missie.We moeten ook de taak te volbrengen, afgerond en ingediend.Met het oog op het behoud van de lengte van deze post behoren, zullen we niet met een van de communicatie en de database.Alle gegevens worden opgeslagen in een cliënt.,,,,, de structuur van het dossier hier, we gebruiken:,,... De CSS └ styles.css js └... Van └... Todos.js └ - model └... Todo.js └ - leveranciers └... Backbone.js └... Jquery-1.10.2.min.js Underscore.js └... Het standpunt van └... └...... app.js └ index.html, er zijn een paar dingen zijn duidelijk, zoals /CSS /styles.css,, /index.: //europa.eu.int /comm /,.Ze bevatten de CSS - en http: //europa.eu.int).In het kader van het model backbone.js, is een plek, waar we onze gegevens waar het is.Dus, onze taak is het model.Want we hebben een of meer taken, zullen we de organisatie als een verzameling.De logica van de standpunten en de verspreiding van de documenten in de toepassing, van toepassing is.Backbone.js alleen een harde Underscore.js afhankelijk zijn.In dit kader is ook een goed gebruik is, dus ze gaan, verkoper.Wat we nu nodig hebben is een kleine: //europa.eu.int /comm /, we zijn klaar om te gaan.,, <.Html> doctype; < html> < head> < title> m 'n TODOs< /title> < link rel = "stylesheet" = "text/css": /css/styles.css "/> < /head> < body> < div =" CONTAINER "> < div =" menu "=" menu van "> < /div> < h1> < /h1> < div =" content "> < /div> < /div> < script src =" js/vendor/jquery-1.10.2.min.js "> < /script> < script src =" js/vendor/underscore.js "> < /script> script src = <"; js/vendor/backbone.js "> < /script> < script src =" js/App.js "> < /script> < script src =" js/models/ToDo.js "> < /script>< script src = "js /Verzameling van /TODO. J 's" > < /scripts > < script> in window.onload = functie) (///////-} < /scripts > < /body > < /html >,, zoals je kunt zien, hebben we met inbegrip van alle externe javascript documenten aan het einde van de bodem, zoals in het lichaam mee te doen en dat is een goede praktijk.We zijn klaar voor de toepassing van de inleiding van de procedure.Is de inhoud van de verpakking, de menu 's en de titel.De belangrijkste elementen van de navigatie is statisch, we veranderen niet van hem.Zullen we in plaats van de titel en inhoud, die het volgende.,, de toepassing van de in de planning, we beginnen te werken als er een plan is altijd goed.Backbone.js geen super streng systeem. We moeten volgen.Dit is één van de voordelen van het kader.Dus, voordat we beginnen met de logica te bereiken, laten we praten, op basis van een,,., een goede aanpak is om je code in hun gebied.De registratie van de variabelen of functies niet een goed idee.We zullen een set is een model, een router en een paar backbone.js standpunten.Al deze elementen moeten leven in een privé - ruimte.App.js, met inbegrip van alle klassen,.,, ///////app.js var. Toepassing = (functie) (var de API - = (perspectief: {} {}, model, van de inhoud: {}, nul, nul, nul, nul.::: router lijstje, gestart: functie) (this.content = $("# inhoud");}, verandering van media - inhoud: mobiele telefoon (EL) (de inhoud van functies. Een (aanvullende). (EL); terugkeer;}, titel: functie (STR) {% ("H"). De tekst (STR); terugkeer;}}; var viewsfactory = {}; var = ruggengraat de router. Router. Verlengd ({}); api.router = nieuwe router (API); terugkeer;}) ();,, boven is een typische R uitvoering- evealing module.In het voorwerp terug, de variabele object is terug, en dat soort van openbare middelen.Advies van de,, modellen en van de prestaties van de klasse, zal als houder van de backbone.js terug.De inhoud van dit element is, een van de belangrijkste gebruikers interface op de container.Er zijn twee van de methode.De eerste bijwerking van de container.De tweede is voorzien van de titel van de pagina.Dan hebben we de definitie van een module viewsfactory,.Het biedt ons advies, en aan het eind van het jaar, creëren we de router, kun je je afvragen, waarom moeten we van een fabriek van mening?Nou, een gemeenschappelijk model van de backbone.js tijdens het werk.Een van hen is van mening dat de invoering en het gebruik van de viewClass = ruggengraat.,, var. Vooruitzichten. Verlengd ({* /* * /logica hier}); de nieuwe visie op viewclass var = (); - van mening, maar een keer, dat ze een goed leven hebben.Zodra de gegevens worden veranderd, beter bekend als de methode van mening, en modernisering van de inhoud, het doel en het voorwerp.Een andere zeer populaire methode is voor de wederopbouw van de mening of de vervanging van de DOM elementen.Dit is echter niet de eigenschappen van een goed standpunt.Dus, we gebruiken meestal een praktische procedure om een einde te maken aan als we het nodig hebben wanneer het gaat om een voorbeeld van, en het terug brengen.Hier is hoe het hoofdmenu lijkt: ////////menu.js standpunt, en app.views.menu = ruggengraat. "({-. Verlengd: functie () {}, waardoor de: functie () {}});,, we hebben een menu, met inbegrip van de navigatie, bezit.Later, zouden we waarschijnlijk nog een voorbeeld van het in de fabriek van de module., var. De viewsfactory = {menu: functie () {als.Dit menuview) {this.menuview = nieuwe API. Opmerkingen ({:$. De menu 's ("El&#menu")});}}} terug this.menuview;,, meer is, wat doen we met alle standpunten, die ervoor zal zorgen dat we slechts een en dezelfde zaak.Deze methode is doeltreffend, in de meeste gevallen, -,, de toepassing van binnenkomst, en app.js, ervan.Dit is ons bekend onload, raam aan de,,.,, in de window.onload = (() ();} {van toepassing is, na de controle van de definitie van de route.Op basis van deze website, die met de procedures voor de tenuitvoerlegging van het besluit.In de backbone.js, we niet de gebruikelijke model - oog - architectuur van de verantwoordelijke voor de verwerking.De verantwoordelijke voor de verwerking van verlies, het grootste deel van de logica worden geplaatst op het oog.Dus, zullen we direct verbonden met de methode van het model, met het oog op de onmiddellijke bijwerking, interfaces, zodra de gegevens veranderen, het beheer van gegevens, de in ons kleine projecten, is een van de belangrijkste gegevens.We moeten onze taak is het, dus laten we daar beginnen.Dit is onze definitie van het model,, ///////model /todo.js app.models.todo = ruggengraat. Model. De verlenging ({standaard: {Titel: "TODO", ingediend: valse: valse}});,, maar drie wedstrijden.Het eerste bevat de tekst een andere taak, is de definitie van de staat van registratie van de aanduiding, in het kader van elk is een evenementen planner.Het model is veranderd omdat die, in het kader van de bijwerking van de gegevens en het systeem van kennisgeving weet de rest.Als je je bindt deze kennisgevingen van de toepassing van de procedures, de verandering van model zal reageren.Dit is een zeer krachtig ruggengraat. Is, zoals ik in het begin zei.,, zullen we veel gegevens, zullen we ze in een verzameling van iedereen, genaamd,, /van app.collections.todos = de ruggengraat van /todos.js. {-. Verlengd (toegevoegd: functie) (((de titel ".: leren van"}); dit. Toegevoegd ({Titel: "ga backbonejs. Org"}); dit. Toegevoegd ({Titel: "de ontwikkeling van de ruggengraat van toepassing"});}, model: app.models.todo: functie (index) {als (index > 0) {VAR tmp = dit model [] [index index; dit model] = [-] dit model, dat een index] = [tmp; deze trekker ("veranderingen"}}, d);Hun functie (index:) {als (index < dit model. Length-1) {VAR tmp = de index + [1] model. Dit model [1] = [(+ index. Dit model, dat een index] = [tmp; dit veroorzaakt ("veranderen".);}}, Archieven: functie (archief, index) {het model [-]. ("dossier", archief);}, changestatus: functie (verwezenlijking van de doelstellingen van dit model) {[-]. ("gedaan", voltooid);}});,,, - methode is een verzameling van de In punt..In ons geval, hebben we nog een aantal standaard taak.Natuurlijk, in de echte wereld, zal deze informatie uit databanken of elders.Maar hou je aandacht, en we doen het is met de hand.Een andere is een typisch voorbeeld van een model is, verzameling van eigenschappen.Dat soort welke gegevens worden opgeslagen.De andere methode om de eigen logica, en ons functioneren van de toepassing van de relevante.,,,,, de overdracht van de functies van de volgorde van de taken.Om het eenvoudig te houden, zullen wij zeker doen alleen in de verzameling van elke reeks index.Dit betekent dat, als we de wil een specifieke dossiers, we moeten naar het register.Dus, het is een soort elementen in het station.Als je wil kan van de genoemde code this.models, installatie, hebben we het over is.Changestatus, archieven,, de vaststelling van bepaalde elementen van de aard van de.We hebben hier deze methode, omdat het om toegang tot, het lijstje niet tot taak het verzamelen van directe,.,, trouwens, we hoeven niet uit, app.models.todo, het creëren van een model, maar we moeten echt uit, app.collections.todos, bevat een voorbeeld van een,, ///////app.js gestart: functie) (this.content = $("# inhoud"); this.todos = nieuwe API - collectie. Todos (); de terugkeer;}, laat ons onze eerste oog (de belangrijkste navigatie), het eerste wat we zien, is een van de belangrijkste van de toepassing van de scheepvaart, en menu.js app.views.menu = de ruggengraat en punt /. Van mening te verlengen ({:_ model.. Het model ($("# TPL menu"). Http: //europa.eu.int /()), gestart: functie () (); deze maken de functie} {(() {dollar. El.: //europa.eu.int /comm /(dit model ({});}});,, het slechts negen regels code, maar veel coole dingen hier gebeuren.De eerste is de vaststelling van een model.Als je het nog weet, hebben we nog Underscore.js op ons van toepassing?We zullen het model te gebruiken voor de motor, want het is goed, het is eenvoudig genoeg.,, _. Model (templatestring [data], [die],,, je laatste) is een functie van het aanvaarden van een object, hou je van informatie in de templatestring, sleutelshttp: //europa.eu.int).Oké, laat het aanvaarden van een: //europa.eu.int /comm /touw, maar wat is het, $("# TPL menu"). Http: //europa.eu.int /(), wat is er?Als we zijn de ontwikkeling van een enkele pagina een kleine, we gaan de templates gewoonlijk worden rechtstreeks naar de blz. Als deze,, ////////index.html < script type = "text/template" = "tpl-menu" > < ul > < li> < a: /&#"> List< /a> < /li> <; li> < a: /#archive" > Archive< /a> < /li> < li = "goed" > < a: /#new "> +< /a> < /li> < /ul> < /script>,, en omdat het een script TAG. Het is niet aangetoond user.Vanuit een andere hoek is het een doeltreffend gebruik kunnen maken van de toegang tot de inhoud is dom.Dus, deze korte fragmenten van de inhoud van het etiket moet gewoon het script.,,,., is zeer belangrijk voor backbone.js.Dit is een van de functies van de gegevens.Zoals meestal het geval is, zal van geval tot geval rechtstreeks gebonden is aan de methode.Echter, in het kader van het hoofdmenu, we hoeven dit niet te doen.,,,, El Salvador.: //europa.eu.int /comm /(dit model ({});,,,,, EL, is door de verschillende standpunten van het kader en in het voorwerp zijn van een bij verstek (dollar In, EL, want we hebben: inbegrepen).Bij verstek, het is een lege, < di% GT% < /div >,.Natuurlijk kan je veranderen, door het gebruik van, de naam van een tag, attributen.Maar hier is het nog belangrijker dat we niet een waarde toekennen aan dat doel.We veranderen niet dat we alleen de inhoud ervan te veranderen.In het kader van een boven de lijn en een grote verschil tussen:,,, EL = dollar (dit model ({});,, het punt is, als je zou willen veranderen in de browser moet je roept de methode voor het oog, toegevoegd aan de DOM.Anders alleen maar lege die zal worden gehecht.Er is een plaats delict, heb je een nest van mening.Omdat je verandert de attributen, dus niet de vader van onderdelen van vernieuwing.Bindende evenementen kunnen ook worden gebroken, je moet weer in verband met de luisteraar.Dus, je moet echt veranderen, en dat is niet de waarde van de goederen, in plaats van de waarde van de goederen.Laten we het toevoegen aan onze fabrieken module:,, ///////app.js var viewsfactory = {menu: functie () {als.Dit menuview) {this.menuview = nieuwe API. Opmerkingen ({:$. De menu 's ("El&#menu")});}}} terug this.menuview;,, de laatste bel gewoon, menu' s, in die regio, de methode, app.js: ///////-: functie) (this.content = $("# inhoud"); this.todos = nieuwe API - collectie. Todos (); viewsfactory. Menu (); de terugkeer;},, aandacht, toen we uit de navigatie van het creëren van een nieuwe zaak, we door middel van een reeds bestaande dom elementen, $("# menu").Dus, deze dollar. EL, met het oog op eigendom is een, $("# menu"),,,, backbone.js verhoging van de route, de steun en de bevordering van de staat, de operatie.Met andere woorden, je kunt manipuleren de browser. En het toerisme tussen de pagina 's.Maar we zullen vasthouden aan de goede oude hasj soorten URL 's, bijvoorbeeld,&#/newsroom /3,,,, ///////app.js var = router. Router. De verlenging van de route ({: {"dossier": "dossiers" en "nieuwe": "newtodo", "de redactie /: Index": "edittodo" en "geschrapt /: Index": "deltetodo", ":" de lijst "), de lijst: functie (archieven) {}, archieven: functie () {}, newtodo:function () {}, edittodo: functie (index) {}, deltetodo: functie (index) {})); of is de weg voor ons uit.In de definitie van hasj tegen vijf in de route.Op het adres van de browser, de sleutel is je type is de waarde die de functie.Dat zijn 2 routes van de index.Als je wil dat ondersteuning van dynamische link, dat is iets wat je moet weten.In ons geval, als je type,&#redactie /3, edittodo, zal de uitvoering van parameters, index = 3.Tot slot een lijn met een lege string, betekent dit dat we het kunnen aanvragen en alle taken van de homepage van de lijst, dus we hebben een project is de belangrijkste standpunten van onze projecten.Het herstel van de gegevens te verzamelen en print het uit op het scherm.We kunnen met dezelfde mening als twee dingen - weergave van alle activiteiten en laten zien dat het archief.In de lijst van mening blijven, en de uitvoering van, laten we zien hoe het is, de werkelijke gestart. In app.js. Lijst van mening, /: functie () {als.Deze m) {this.listview = nieuwe API. Opmerkingen. De lijst ({model: api.todos});} terug this.listview;},, let op, we zijn door het verzamelen van.Dit is erg belangrijk, want we zullen het gebruik van methoden en de toegang tot de opgeslagen gegevens.De fabriek terug naar onze lijst van mening, maar de router, wie is die vent die moeten worden toegevoegd aan de pagina 's van app.,, /in de router. Is: de lijst van functies (archieven) {var. = viewsfactory. Lijst (); de API. Titel (de archieven? "De archieven: ":" je lijstje: "). De inhoud van de wijzigingen van de media (standpunt van mobiele telefoon. $EL); van mening. Die model af (archieven?"Het dossier ": lege). ();}, en nu voor de lijst genoemd in de router, geen argumenten.Dit standpunt is niet in het model, archivering, blijkt dat alleen de actieve Todos.,, /list.js app.views.list = de ruggengraat van advies /. Vooruitzichten. Verlengd ({model: nul, gebeurtenissen: {}, gestart: functie () {VAR behandeling = _. Gebonden (this.render. Dit model, dat bindende). ("veranderen", de procedure); dit model bindende ('add, Handler); dit model bindende ('remove, Handler);}, waardoor de: functie () {}, priorityup: functie (e) {}, prioritydown: functie (e) {}, archieven: functie (e) {}, changestatus: functie (e) {}, die volgens de mode: functie (patronen) {this.mode = model; terugkeer;}});,,, - in de weergave van onroerend goed worden gebruikt.Als de waarde van het is mode = "dossier", maar dat de achterstand zal indienen.Gebeurtenissen, is een doel dat we snel moeten vullen.Dit is onze plek dom gebeurtenissen in kaart te brengen.De rest is de reactie van de methode van de gebruiker, die rechtstreeks verband houden met de functie die zij nodig hebben.Bijvoorbeeld, priorityup, prioritydown, veranderingen, de taak van de., archivering, het project voor een archief.Changestatus, gewoon doen, markeert.,, het is interessant wat er aan de hand was, de eerste methode.Toen we eerder zei, normaal zou je als model voor de veranderingen in de (in ons geval die gebonden zijn aan de methode, die, het uitzicht.Je kan dit model - gebonden ("wordt", deze tekening).Maar binnenkort zal je merkt op dat deze, trefwoord, in, waardoor, de methoden zijn niet gericht op het oog heeft.Want dat is veranderd.Als een alternatief, en we hebben de werkingssfeer van de definitie van het creëren van een procedure.Dit is onderstreept, in combinatie met de functie is gebruikt.,, hier is, die voor de uitvoering van de adviezen list.js.,, //maken: functie) () var: //europa.eu.int /comm /= < - ul - klasse "=" lijst ">", aangezien dit; dit model. Elke (functie (TODO, index) {als (self.mode = = = "dossier"???????. ("dossier") = = = = = = = = echt doen. ("dossier") = = = = = = = = = = = = = = _ valse) {VAR model ($("# TPL lijst"). Http: //europa.eu.int /()); http: //europa.eu.int + = model ({Titel: ("titel".), indicatoren: indicatoren, het type self.mode = = = "dossier"? "Decompressie ":" dossier "doen: doen. (" ")?"Ja ":" niet doen ", donechecked:. (" ")?"Controleer = = "inspectie": "});}}); + =" < http: //europa.eu.int /UL > "; dit is een dollar. El.: //europa.eu.int /comm /(http: //europa.eu.int); deze delegateevents (); de terugkeer;}, dat we gebruikmaken van alle modellen: //europa.eu.int /comm /touw op de verwerving en het is. Later in de DOM elementen van mening.Een paar onderzoeken op initiatief van een onderscheid te maken tussen de indiening van het lijstje.Voor de voltooiing van een taak, een vakje te helpen.Dus, om erop te wijzen dat dit, we moeten door middel van een inspectie =, "controle", eigendom van de elementen.Je zult merken, we gebruiken. Dit delegateevents ().In ons geval, dit is noodzakelijk, omdat we gescheiden zijn en extra uit de DOM.Ja, we niet de vervanging van de belangrijkste elementen van de gebeurtenis, maar wordt geschrapt.Daarom moeten we backbone.js verteld heeft.Het model gebruikt in de code):,, ////////index.html < script type = "text/template" = "tpl-list-item" > < li = "van done-< deze moeten%>" data-index= "< deze index%>" > < h2> < - = "van deze vorm van" data-status < doneChecked%> /> < a: /javascript:void (0); "data-up> & #8593; < /a> < a: /javascript:void (0);" data-down> & #8595; < /a> < van deze titel%> < /h2> < div = "opties" > < a: /#edit/< deze index%> "> edit< /a> < a: /javascript:void (0);" data-archive> < deze archiveLink%> < /a> < a: /#delete/&;LT;% = index% > "> het schrappen van < /> < /div > < /Lee > < /scripts >, en merkt op dat er een categorie wordt gedefinieerd als de CSS, doen de,,, een groene achtergrond schilderen doen.Trouwens, nog een heleboel banden, we gebruiken om de gewenste functie.Ze hebben de gegevens.De belangrijkste elementen van node, Lee, daar, index,.De waarde van deze eigenschap is op de set in de index van de taken te geven.Aandacht, een bijzondere uitdrukking% = gewikkeld in, en...% >, stuur, model.Dit is in het model van de gegevens in een aantal gebeurtenissen, die is toegevoegd aan het oog van de tijd.,, ////////list.js standpunten gebeurtenissen: {"klik [data]": "priorityup", "klik [data]": "prioritydown", "klik] [ingediend:" dossier "," op de input van gegevens: "changestatus [staat]"), in backbone.js gebeurtenissen, is de definitie van een -.In de eerste plaats de naam van je - de gebeurtenissen, en de keuze van een kiezer.De waarde van deze eigenschap is van mening dat,,. ////////list.js priorityup: functie (e) {VAR - index = parseint (e.target knooppunten knooppunten. Z 'n vader, de vader van voorwerpen (index "); het model (index);}, prioritydown: functie (e) {VAR - index = parseint (e.target knooppunten knooppunten. Z' n vader, de vader van voorwerpen (index"); dit model (index);}, archieven: functie (e) {VAR - index = parseint (e.target knooppunten knooppunten. Z 'n vader, de vader van voorwerpen (index "); het model. Het dossier (this.mode!= = = = = = = "dossier", index);}, changestatus: functie (e) {VAR - index = parseint (e.target knooppunten knooppunten. Z 'n vader, de vader van voorwerpen (index "); dit model. Changestatus (e.target.checked, index);}, en we gebruiken hier, e.target, aan te pakken.Het wijst erop dat de DOM en de gebeurtenis die elementen.We doen het klikken van indicatoren en het verzamelen van de actualisering van het model.Met deze vier functies, we hebben ons, nu de gegevens laten zien van de pagina 's.En, zoals we hebben gezegd, kunnen we met dezelfde standpunten ingediend,, lijst, blz.: functie (archieven) {var. = viewsfactory. Lijst (); de API. Titel (de archieven? "De archieven: ":" je lijstje: "). De inhoud van de wijzigingen van de media (standpunt van mobiele telefoon. $EL); van mening. Die model af (archieven?"Het dossier ": lege). ();} {dit dossier: functie (). De lijst van (echt);}, is dezelfde route, boven de procedures voor, maar deze keer, echt, als een parameter toe te voegen.,, & redacteur te onderwerpen, de volgende lijst van mening. - we kunnen het creëren van een andere toe te voegen en het bewerken van de taak.Dit is het soort nieuwe arbeidsplaatsen:,, ///////app.js /oog fabrieken vormen: de functie) (als (.Dit this.formview. Formview) (= nieuwe API. Opmerkingen (model: api.todos. Vorm {}), (de "red", functie) (API. Router. Navigatie (", de trekker: echt {});})} terug this.formview;}, bijna.Maar op dit moment moeten we iets doen aan de vorm.Dit is de homepage van de gebruiker.Zoals ik al zei, elk voorwerp backbone.js klasse uit te breiden, is in feite een geval van verzending.Net als een methode, een,,, je kunt het. We blijven in de code, en laten we kijken: //europa.eu.int /comm /model:,, < script type = "tekst model" = "logistiek" > < in de vorm van > < textarea > <% = titel% > < /tekst > < knop > behoud van < /knop > < /vorm > < /scripts >,, hebben we een tekst en een knop.De parameters van het model wordt verwacht, de titel, het moet een lege string, als we de toevoeging van een nieuwe taak van het standpunt van form.js.,, //app.views.form = ruggengraat. Vooruitzichten. Verlengd ((index: valse, gebeurtenissen: {"klik op:" red "} {-): functie (). (;), en: functie (index) {VAR modelhttp: //europa.eu.int = $("&#logistiek vormen "). Http: //europa.eu.int /(); als (type index = =" onzichtbare ") {this.index = vals; _ model. Het model (http: //europa.eu.int {Titel:"} {}); of this.index = parseint (index) dit model; this.todoforediting = (deze indicatoren); _ model. Het model ($("# logistiek vormen"). Titel: http: //europa.eu.int /() {dit. Todoforediting. ("Titel")});} deze dollar. El.: //europa.eu.int /comm /(model); deze dollar vinden. El. ("de tekst"). De focus (); dit. Delegateevents (); de terugkeer;}, SAVE: functie (e) {zoals preventdefault (); var title = het dollar. El zoek naar. ("de tekst"). Val (); als (titel = = ") (signalering (" lege sms! ")(this.index; terug;} als.= = = = = = = vals) {dit. Todoforediting. ("titel", titel); dit model toe te voegen of {}. ({Titel: titel});} deze trekker ("gered");}}); en, het lijkt erop dat slechts 40 regels code, maar Het werkt goed.Slechts één geval wordt in dit verband op de knop te drukken.De methode voor de weergave van gedrag, op basis van de overdracht, index, verschillende parameters.Bijvoorbeeld, als we een lijstje, we werden door de index van het model.Als dat niet zo is, is in de vorm van leeg is, zullen leiden tot een nieuwe taak.Deze code heeft een paar interessante punten.Ten eerste, we brengen je in gebruik. (), dat de vorm van een methode voor het oog worden verleend.Nogmaals, delegateevents, functie, omdat in de vorm van gescheiden kunnen worden en extra.Methoden voor het behoud van,, namelijk preventdefault ().Dit is de standaard gedrag te schrappen, die in bepaalde situaties kunnen indienen in de vorm van.Tot slot, als alles gedaan wat we tot behoud van de kennisgeving van gebeurtenissen, en de wereld redden, doen is van,, en we moeten invullen. De router. Twee methoden, app.js, ///////newtodo:function () {var. = viewsfactory. Vorm (); de API ("het creëren van een nieuwe naam. De lijst van:"). De inhoud van de wijzigingen van de media (standpunt van mobiele telefoon. $EL); zie. ()), edittodo: functie (index) {var. = viewsfactory. Vorm (); de API. Titel ("bewerken"). De Inhoud van de wijzigingen van de media (punt. $EL); (index). Die;}, is het verschil tussen hen en ons door middel van een index, als, de redactie /: indicatoren, pad op.Natuurlijk, de titel veranderd van het schrappen van gegevens, die voor deze functie niet, we hebben een oog.Het hele werk in de procedure rechtstreeks af van de router.,, deltetodo: functie (index) (API. Todos. Geschrapt (API. Todos. (parseint (index))); API. Router. Navigatie (", de trekker: echt {});}, weten wij dat we moeten schrappen de INDEX.In die klasse heeft een methode, een model te schrappen, aanvaarden.Tot slot, maar dat zal de homepage van de gebruiker, de bijwerking van de lijst van de conclusies van backbone.js,.,,, heeft alles wat je nodig hebt om een volledig functionele interne toepassing, blz.We kunnen zelfs gebonden zijn aan de achterkant van een vaste diensten, het kader zal een van uw aanvraag en de gegevens van de database.De gebeurtenis aan te moedigen modulaire programma 's, en een goede structuur.Ik backbone.js van een aantal projecten voor persoonlijk gebruik, het werkt goed.