Het gebruik van backbone.js om contact met de manager: 4

, het gebruik van backbone.js om contact met de manager: 4,,,,,,,,,, uitwisseling van aandelen, 11,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks contacten te backbone.js.build genoemd voor het beheer van backbone.js deel 3: het gebruik van een deel van het contact met de manager van het gebruik van backbone.js deel 5:,,,, in de reeks van vier delen, we zien hoe gemakkelijk het is toegevoegd en om de pagina 's van de collectie. Een update van de veranderingen.In dit deel, en we zullen zien wat de redactie van de bestaande gegevens,,,,,, we beginnen door toevoeging van een eenvoudig model van de knop, de bewerking van de gegevens, de: < categorie knopen = "bewerken" > editing < /knop > sinds onze toetreding tot de de knop van de bestaande modellen, en we kunnen ook de toevoeging van een volledig nieuw model kan worden gebruikt voor de weergave van de gegevens kan veranderen in een model kan worden uitgegeven.Het is heel tot aan de exiting model, en kan worden toegevoegd aan de bladzijde na het bestaande model, < script = "contactEditTemplate" = "text/template" > < de vorm van action= "#" > < - type = "dossier" () "< Deze foto%> < - />"; = "naam." < deze naam%> "/> < - =" type "=" verborgen "()" < deze type%> "/> < - =" pakken "." < Deze adres%> "/> < - =" Tel. "Tel. < deze%>" /> < - = "e - mail" () "< deze e - mail%>" /> < knop = "save" > Save< /button> < knop = "af" > Cancel< /button> < /form> < /script>, de nieuwe; model van consists meestal, inpu <T > blootstelling kan worden uitgegeven, de data - elementen.We hoeven niet bang te zijn van de etikettering van elementen, maar het gebruik van de gegevens van het model als elk van de input van de standaardwaarden.Dat we met een verborgen vorm van gebied te bewaren, het type, de eigenschap van het model, we gebruik zullen maken van deze reeks, waarde < de keuze van > dat we gebruik moeten maken van de scenario 's in plaats van ons model waardoor het voor ons, dan kunnen we nog wat nieuwe sleutel bindingen gebeurtenis in het geval van vernieuwing,; en contactview object, klasse, die bestaat uit de volgende nieuwe bindende:, "druk op de knop. Bewerken": "editcontact", "veranderen". - ": addtype", "klik. Red": "saveedits", "klik op de knop. De afschaffing van": "canceledit" niet vergeten, en achter de komma' s om een einde te maken aan de bestaande combinatie.Deze zijn onze eerdere bindende vergelijkbaar zijn; elke sleutel: de waarde van de eenvoudige aanwijzing moeten luisteren naar een gebeurtenis en een van de belangrijkste wedstrijd - elementen van een gebeurtenis, en het geval van procedures voor de tenuitvoerlegging van de waarde van de opsporing van ongevallen, contact op te nemen met de redactie, de schakelaar. - in Ons bestaan, een verwijzing naar het model van onze functie, de prestaties van de contactview model op dezelfde manier, moeten we ook de opslag, gebruiken we de schakelaar in contact komen met de montage - model.Voeg, edittemplate, model eigenschap, rechtstreeks: edittemplate:_. Model ($("# contactedittemplate"). Http: //europa.eu.int /()), en nu kunnen we aan de gebeurtenis zelf, en dat moet ook gaan, contactview bestaan, na de les, deletecontact (). De methode is.Ten eerste, we zien het, editContact (), Captain, editContact: functie) (this.$el.html (this.editTemplate (this.model.toJSON ())); var newOpt = $("< option/>", "{html: < ze > het toevoegen van nieuwe /em> <...;",: "addType"}), this.select = directory.createSelect ().AddClass ("type val (") ("#type") this.$el.find val ()) voegt (newOpt).InsertAfter (this.$el.find (".Name") ("); this.$el.find? Input[type='hidden']") ();}, en we beginnen door die uit onze nieuwe, editTemplate, die we toegevoegd aan de blz. Het gebruik van Underscore's, model (), op dezelfde manier is dat wij - in het contact met de standaard toegevoegd. Template. in orde te maken -, de aard van de te lange, dan kunnen we rendLaat de gebruiker in een schakel tussen de bestaande soorten te kiezen, maar we moeten ook voldoen aan de gebruikers kunnen worden toegevoegd aan de mogelijkheid van een nieuw type.Toegestaan, creëren we de keuze van de in het kader van de tekst van een speciale optie, de toevoeging van nieuwe... En waarden, en AddType, en het creëren van nieuwe, < de keuze van >, het gebruik, de createselect () element, we hebben de mening van de methode, als Je nog in het laatste deel van deze handleiding zal terugkeren < de keuze van >,, een element bevat, < opties >, in een unieke verzameling van elk type.We geven het een naam en < de keuze van >,, de bestaande vormen van contact met de elementen waaruit blijkt dat de redactie zullen we de waarde van een verborgen, < input > voegen we ons model.We voegen nieuwe < selectie >, < na invoer > voor de naam van de contactpersoon.De keuze van de nieuwe elementen als eigendom van de oog gevallen, kunnen we gemakkelijk en het interactieve, zodra we hebben toegevoegd, < de keuze van > voor contact met de aard van de elementen, kunnen we op het gebied van het schrappen van verborgen, dat belet ons niet snel redden redacteur zien, op Dit punt, moeten we nu kan klikken, bewerken, in een van onze contacten met de knop omgezet in de vorm van contact, de inhoud:,,, de toevoeging van een nieuwe soort, dat we nog een gebeurtenis van bindende, veranderen de keuze van het type van de gebeurtenissen de doos, dus we kunnen toevoegen in plaats van een verwerker, < de keuze van de doos en > norm, < input >, element: als (deze keuze. Val () = = = = = = = = "addtype") {deze keuze. Remove (); $("< INPRE /> "{" klassen ":" type "}), (dit is een dollar. El. Vinden (" naam ")). De focus ();}, toen, < de keuze van > en de waarden van de elementen van de veranderingen die wij eerst nagaan of de AddType, en heeft zijn waarde. Als dat zo is, zullen we de elementen uit de pagina 's en het creëren van een nieuwe < input >, element om het te vervangen.We gebruiken de invoeging van nieuwe elementen omvat, insertafter (), methoden en concentreren op de voorbereiding van de tekst invoeren, bijwerken, model, dan kunnen we de toevoeging van de procedures zal in het opstellen en bijwerken van de gegevens in het model van de wijzigingen die zijn aangebracht.Voeg, saveedits (). De directe methode, editcontact (), we hebben net de methoden toe te voegen, saveedits: functie (e) {zoals preventdefault (= {}); var de vorm van preventief = van het model. Previousattributes (); en (e.target). De recente (""), (de "input": toe te voegen). ("foto 's"), elke (functie) (VAR EL = $(het); de vorm [El. Attr ("")] = el. Val ();}); (formdata.photo = = = = = = = = "Als") {}) geschrapt formdata.photo; dit model (vormen); dit. (); als (prev.photo = = = "/' s /vervanging. Papoea - Nieuw - Guinea") {} prev.photo geschrapt; _. Elke (contacten (aan) {als (_. Gelijk zijn (contact, preventief)) {contact. Aansluiting (_. (contactpersoon, banden), 1, fOrmdata);}});},, ten eerste, creëren we de winkels zijn bijdrage in de vorm van opslag van gegevens en elementen van de ruimte, een, previousattributes, dat behoort tot onze mening - model.Previousattributes, prestaties, model is de ruggengraat van de opslag van gegevens blijven we laten zien we een eigenschap van gegevens is gebeurd, en we hebben elke inbreng in de vorm van het gebruik van de combinatie), (), - methoden en - filter:,,, die ons alle vorm velden.We willen niet dat de annulering of de SAVE < >, terwijl, dus we zullen ze gebruiken uit de keuze is, niet (), methoden, als we ons op het gebied van de verzameling, we hebben opnieuw bevestigd dat zij het is, elke (), en die voor elk project in de Voegen we een de sleutel tot een nieuwe vorm van gebruik te maken van de huidige projecten, de klassen, en gebruik te maken van de huidige waarde van de projecten, de waarde van de nieuwe redactie, wanneer we contact kan worden omgezet in het herstel van de normale contacten, we willen niet als een nieuwe foto 's niet is geselecteerd voor een verloren bij de foto' s.Laten wij niet uit het oog verliezen de standaard, foto 's, we kunnen schrappen, foto' s, van ons, in de vorm van goederen, waarvan de waarde is leeg.,, een model van een kan worden gebruikt voor de vaststelling van een methode voor de maker van de eigenschap.,, een model van Een kan worden gebruikt voor de vaststelling van een methode voor de maker van de eigenschap.Met het oog op de actualisering van de gegevens van het model noemen we het, set (), methode van overdracht van voorwerpen, vorm, wij zijn klaar.Als je dat doet, noemen we het oog (), methoden en onze nieuwe actualisering van het model zal worden verleend aan die pagina 's, een actualisering van de informatie van de vorm, we hebben gedaan, moeten we nieuwe opslag in ons eerste contact gegevens), niet naar onze mening filter wijzigingen.Wij bevinden ons in een zeer vergelijkbare wijze, voordat de eerste inspectie, foto 's, eigendom en het verwijderen, indien dit het geval is, in combinatie met de onderstreept,.,, iseqaul () (), de methode in de contact - project, veranderd vinden.Dit is ons gebruik, previousattributes, we redden voordat we niet opnieuw kan worden gebruikt; het huidige model, omdat het eigendom is bijgewerkt, gebruiken we de lokale javascript, splice (), bijwerking van de lijst van kenmerken, de contacten, de generator.Voordat we met de index van de vernieuwing van de indexof onderstrepen, (). De eerste parameter, splice (), en de vaststelling van de functies, met behulp van de tweede herziening van de parameters van afzonderlijke projecten.Deze keer hebben we ons doel levering, gegevens, als de drie parameters.Toen splice (), de toegang tot de drie (of meer) van de parameters, de derde parameter is net geschrapt in plaats van de gegevens, de redactie, de afschaffing van, we hebben een druk op de knop, links, we hebben het nodig voor de afschaffing van de toevoeging van een verwerker - knop.Deze methode zal heel eenvoudig, maar de overschakeling naar de niet - uitgegeven door gebruik te maken van de oorspronkelijke gegevens - model.Na deze methode, de methode saveedits () () {canceledit:,:. ();}, en dat moeten wij doen.We hebben al een methode, een model nodig, en voor de presentatie van de standpunten op de pagina, dus we moeten deze methode en het model van de gegevens zullen worden gebruikt om opnieuw de oorspronkelijke contacten.Het is nuttig, omdat zelfs een wijziging van de gegevens in de vorm van gebied, als contactpersoon in de montage -, wanneer de klik op annuleren, deze wijzigingen zal verloren zijn.Dus we eigenlijk alleen maar een model nodig, een nieuwe methode (), en door de vaststelling van aard, en we hopen dat, als een van de belangrijkste, maar we slechts betrekking op een klein deel van de bibliotheek, en nog veel meer dat we kunnen gebruiken in de oprichting van een complexe toepassing vóór einde. Zoals We hebben gezien, en maar we moeten er ook op hoe we het veranderen van mening om bezoekers in de gegevens zullen worden vastgesteld voor de nieuwe eigenschap.In dit geval hebben we door het creëren van een model voor de destructie van de vorm van de bestaande gegevens over de eigenschappen van vooraf gevuld, kan de gebruiker het te veranderen, in deze serie artikelen, we hebben gekeken naar alle modellen van de ruggengraat, met inbegrip van de ingrediënten, standpunten en routers en gebeurtenissen.We zijn naar een methode voor de bepaling van de en de eigenschap, kunnen we gebruik maken van de structuur en de verschillende interactieve, leiden tot een geïntegreerde, aanvragen, maar is een van de fundamentele en leren wat ruggengraat op basis van kennis, een van de belangrijkste aspecten van de training is waar de toepassing is gestructureerd, en We de code van de logica van de organisatie en consistente manier.De toepassing van de programma 's schrijven, gemakkelijker kunnen terugkeren en het onderhoud van de lange termijn.De meeste van onze functie is een gebeurtenis die, hetzij in de vorm van de gebruikersinterface gebeurtenis, maar er zijn wat mensen in onze code van de goede punten van een handbediende, hebben we ook een aantal praktische programma 's bieden onderstrepen, dat heeft ons makkelijk manier van werken van de voorwerpen en netwerken, de aanvraag is gebaseerd, vormen voor ons.Echter, als met de ruggengraat van onze slechts betrekking heeft op deze basis voor een klein deel, meer kunnen we tijdens het gebruik, de bouw van een complexe toepassing.,





Previous:
Next Page: