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

, het gebruik van backbone.js om contact met de manager: 3,,,,,,,,,, uitwisseling van aandelen, 23,,,,,,, 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: paragraaf 2 van het contact met backbone.js: deel 4, de manager van de reeks,, welkom in ons deel van de toepassing van de drie, met de ruggengraat.Als je het nog niet gelezen - een, twee, ik adviseer u doen - alleen zodat je weet waar we zijn, we hebben zo veel.In het eerste deel, we nemen de verschijning en modellen, ideeën en ondergaat.In het tweede deel, zagen we de router, de gebeurtenissen en de geschiedenis.In dit deel, moeten we verder in de interactie en kijken hoe we kunnen worden toegevoegd of geschrapt uit de verzameling van model.,,,, de toevoeging van de som van de modellen van het eerste deel, als je er over nadenkt, u zult zich herinneren dat we zeggen dat we alle modellen die als wordt gestart.Maar hoe we zijn gestart door het verzamelen van een collectie van één model?Het is heel simpel, zullen we nog een verhoging van die betrekking heeft op een update: //europa.eu.int /comm /en subjectieve nieuwe vaardigheden.Ten eerste, de: //europa.eu.int /comm /; van de volgende mark-up toevoegen aan de contacts - vorm, < = "addContact" action= "#" > < voor de "'" > photo:< /label> < - = = "'" "dossier" /> < voor de "type" > Type:< /label> < - = "type" /> < voor de "naam" > Name:< /label> < - = "naam" /> < voor de "pakken" > Address:< /label> < - = "pakken" /> < voor de "Tel" > Tel:< /label> < - = "Tel" /> < voor de "e" > Email:< /label> < - = "e - mail" /> < knop = "toevoegen" > Add< /button> < /form> dit eenvoudige vorm, kunnen de gebruikers te voegen zal een nieuw contact.Het voornaamste punt is, id, attributess input, < > de elementen die ons model, de naam van de eigendom, het maakt het makkelijker om het formaat van de gegevens die, naar wij hopen, de volgende stap, aan de heer ons standpunt toe te voegen aan een gebeurtenis, zodat de gegevens in De tabellen kan worden geoogst; de bestaande de sleutel na de toevoeging van de volgende code: in geval van de deelnemers:,, de waarde, de "klik": "# addcontact", en vergeet niet om een einde te maken aan de bestaande achter de komma de combinatie.Deze keer zijn we aangewezen, klik, een gebeurtenis die elementen en een identiteitskaart, toevoegen, dit is onze tafel te drukken.We combineren met de gebeurtenissen van de procedures addcontact, kan worden toegevoegd.Na toevoeging van de volgende codes, filterbytype (), tweede deel, addcontact: functie (e) {zoals preventdefault (); de VAR - model = {}; $("# addcontact"). De kinderen ("input"). Elke (functie (ik, EL) {als ($(EL) (. ').= = = = = = = ") (het nieuwe model [-] = $(EL). Val ();}}); contact. - (vormen); als (_. (deze. Gettypes (), de vorm.) = = = 1) {deze collectie. Toevoeging van nieuwe contacten (vormen) (); de dollar vinden. El. ("&#filter "). (" ") vinden. Remove (). (). Aanvullende (dit. Createselect () {}); of van de toevoeging van (nieuwe contact.. (vorm);}}, dit is een gebeurtenis. Het wordt automatisch een geval betreft, kunnen we het gebruiken om te voorkomen dat de schendingen, < knop > als het klikt elementen (dit zal indienen in de vorm van, op de pagina 's - - willen we niet.Dan maken we een nieuwe doel, en het gebruik van de methode). (), en door elke input, < > in mijn land, in de vorm van addcontact, eenheid, voor de auditie, en we in de eerste plaats (). De controles ter plaatse in een tekst die, als Dit waar is, we voegen een nieuwe en belangrijke kenmerken van de huidige doel is gelijk aan, id, de waarden van de elementen, en is gelijk aan de huidige waarde.Als het gebied leeg is, deze eigenschap niet zal worden geregeld, en het nieuwe model zal erven van een standaardwaarde hebben aangewezen. De volgende stap is, kunnen we de vernieuwing van onze nieuwe contacten van de zone voor de opslag van gegevens.Dit is onze nieuwe gegevens kunnen worden opgeslagen in de server van de plek... Als we een server te ontvangen van deze verzoeken.Op dit punt hebben we niet, dus we zullen alleen de aanpassing van de oorspronkelijke reeks, nu, zodat als het oog worden gefilterd, nieuwe gegevens niet verloren.Wat we moeten doen, is het gebruik van het verzamelen, (), de toevoeging van een nieuwe methode voor het verzamelen van de gegevens.We kunnen scheppen in de verzameling van de telefoon in de nieuwe model (), en, ten slotte, we moeten worden bijgewerkt, < de keuze van >, dollar, als nieuwe contact met verschillende type, die worden gebruikt voor het filter.Maar, we willen alleen maar de weergave, < de keuze van > als een nieuw type is toegevoegd.We kunnen onderstrepen, indexof (), door het zoeken naar een specifieke waarde voor de generator.Als de lokale javascript, indexof (), de snaren voor. Deze methode zal terugkeren, indien de waarde niet bestaan.Als we door de installatie van het eerste argument, indexof (), op zoek naar zoeken, en de waarde van de tweede, indien de waarde niet vinden, een bepaald type moet nieuw zijn, vinden wij dat de keuze voor de bestaande kader en het schrappen van de toevoeging van een nieuwe ik, createselect () methoden zijn geproduceerd.Als blijkt dat de aard van de toevoeging van nieuwe modellen, kunnen we, zonder het te maken van de nieuwe modellen van nu, we hebben nog een nieuw model, het verzamelen, we moeten op de pagina.Om dit te doen, kunnen we een andere procedure gebonden, de tijd om te luisteren naar de gebeurtenissen, toegevoegd.Voeg de volgende regel, de - (), de methode voor het verzamelen, deze verzameling. ("toe te voegen, this.rendercontact, dit); we gebruiken, op (), opnieuw zal geval luisteraars, want we hebben een methode te creëren en een persoonlijke mening, de methode, maar we moeten de aangewezen functie de procedures voor de behandeling van.We zullen ook de standpunten die in de programma 's van de voorwerpen, omdat we met de vorige procedure.Op dit punt, moeten we nu kunnen voltooien en een nieuwe vorm van contact, blz.:,, een punt van aandacht is, als, addcontact, vorm gebied is helemaal leeg, de daaruit voortvloeiende model is bijna helemaal niet de eigenschap, tot problemen zal leiden, als we proberen te manipuleren de latere modellen.Om te voorkomen dat deze methode een manier is om de standaard model eigenschappen, zoals we die van de standaard, foto 's, attributen.Indien het redelijkerwijs niet de standaard die we kunnen gebruiken, zoals, bijvoorbeeld, kunnen we zorgen voor een lege string.Update, standaardwaarden, objecten in contact, met inbegrip van de standaard, en voor de rest van ons eigendom: naam: "," "," ",,, e - mail:" ", type:", "het schrappen van de som van de modellen, nu weten we hoe de verzameling van nog een model, en we moeten kijken hoe ze kunnen worden geschrapt..We kunnen door de toevoeging van een wis knop om elk contact, dus dit gaan we doen, moeten we in eerste instantie voor elke afzonderlijke standpunten update model, zodat het bevat een verwijderen.De toevoeging van een nieuwe knop model: bodem, < = "verwijderen" knop wissen > < /knop >, dit is hoe we dit voorbeeld nodig.Kan er nog een aparte model kan worden toegevoegd aan de logica, dat een individuele contacten in de categorie van de standpunten, omdat de standpunten en de specifieke voorbeelden van de model verbonden.We moeten nog een geval bindend gebeurtenis geschrapt - knop is aangegaan; voeg de volgende code:, contactview, tot het einde van de les, gebeurtenissen: {"druk op de knop. Het schrappen van": "deletecontact"), deletecontact: functie () {VAR - model, dat removedtype =. (""). Tolowercase (); dit model (); de. Vernietigen. Remove (); als (_. (catalogus. Gettypes (), removedtype) = = = = = = = = 1) {gids vinden. $El Salvador ("#. De keuze van het filter"). De kinderen ("[waarde = + removedtype +"] "). Het verwijderen van ();}}, we gebruiken, evenementen, voorwerp aangegeven geval bindend, omdat we onze belangrijkste standpunten.We luisteren, klik van de gebeurtenis die de knop, < > deze naam, geschrapt.De procedures voor de behandeling van deletecontact, gebonden aan de gebeurtenissen na de toetreding, we betreft, in de eerste plaats, de gebeurtenissen in onze winkel, we hebben net het schrappen van de aard van de contacten.We moeten de waarde van kleine als in het verleden, om ervoor te zorgen dat er geen situatie als de contacten de kijker gebruikt, dan. We bellen, vernietigen (), methoden en voorbeelden van relevante, het model, het oog.We kunnen ook door een beroep te doen op de weg), (). De methode van de bladzijde van het schrappen van mening: //europa.eu.int /comm /zei, is het opruimen van een gebeurtenis in het oog van de aanvullende aanvullende premie, tot slot, we hebben alle soorten en de catalogus vastgesteld model vormen dat alleen nog in contact met het schrappen van de generator.Zo niet, is er geen contact meer vormen, en daarom moeten we kiezen voor het schrappen van de opties van de elementen, kiezen we eerst vinden in het kader van het schrappen van de keuze en het gebruik van eigendom, de telers te selecteren, < opties >, en komt overeen met de waarde van De eigenschap, removedtype we gered worden, voor de variabelen in het begin.Als we allemaal een soort van contact en de controle, < de keuze van >, element, moeten we dat niet meer is - type: verwijdering van gegevens, en het model, oké, dat is een beetje misleidend. Ik bedoel, en het verwijderen van modellen en standpunten, moeten we ook bij het Uit de weg ruimen onze eerste contact - model is gebouwd op de oorspronkelijke gegevens.Als we dat niet doen, als de gefilterde model worden geschrapt als ze terug is.In de echte wereld, en dat zullen we waarschijnlijk met een server te blijven, de gegevens van het project, het schrappen van de functie van de oorspronkelijke reeks kunnen verblijven in de mening van de verzameling van ons, zal branden, te schrappen, in geval van een model van de collectie, dus we kunnen alleen een programma voor De verwerking van gebonden. De gebeurtenissen in de verzameling van de voornaamste standpunten.Voeg de volgende regel rechtstreeks op de bestaande bindende:, deze verzameling. ("te schrappen, this.removecontact, dit);, je moet het gebruik van de uitdrukking is nu bekend, maar als een herinnering, op () het eerste punt van de gebeurtenissen van de tweede we luisteren, is de procedure in geval van plaatsvindt, en ten derde het geval met dit als de verwerkers.We kunnen worden toegevoegd, removecontact (), voor addcontact (); na de toevoeging van de volgende code: methode, removecontact: functie (removedmodel) {var het schrappen van = removedmodel.attributes; als (removed.photo = = = "/'s /vervanging. Papoea - Nieuw - Guinea") {} _ geschrapt removed.photo; Elke (contacten (contact.) (als (_. Gelijk zijn (contact, verwijder de)) {contact. Aansluiting (_. (contactpersoon, banden), 1);}});}, de ruggengraat van onze hulp via de wijze van behandeling van de verzameling, is verwijderd.We slaan een verwijzing van de verzameling van eigenschappen, zodat we kunnen worden vergeleken met een model van de projecten, is geschrapt, in onze oorspronkelijke contact te zoeken.In het oorspronkelijke project is de definitie van contact - niet de optische eigenschappen, maar dit is aangewezen als de standaardwaarde, alle modellen zou erven, dus niet in contact met een object in een reeks van, in dit geval, we moeten controleren, foto 's, model. De standaardwaarden, als dat zo is, hebben we geschrapt, foto' s, eigendom, als we dit doen, kunnen we gebruikmaken van elk project, contact - en testen of het is het model van de collectie.We kunnen vergelijken met de opslag van elk project in het schrappen van variabele object onderstreept, isequal (), als isequal (). De methode is waar, dan roept de lokale javascript splice (), op de contact - methode, door in het kader van het project, de indicatoren worden geschrapt, en een aantal projecten te schrappen.Deze index is onderstreept, indexof (), vóór het gebruik van de methode van ons, en nu op het schrappen van de knop, uitzicht, model en de oorspronkelijke gegevens worden geschrapt uit het bestaan.We kunnen ook de screening, en dan terug naar alle contacten van mening, en contact, en nog steeds niet worden weergegeven in de vorm van.,,, dat doen, we dumpen, addcontact, vormen op de pagina zonder ons?Het deel van deze handleiding te sluiten, kunnen we iets doen om het te verbergen, totdat de link klikt.We kunnen de toevoeging van de volgende Link < hoofd > < een element, id = "showForm" href = "#" > toevoeging van nieuwe contacten < /> om de banden van de vorm, moeten we eerst het een en het gebruik van de bu gebeurtenis Om dat te laten zien.In combinatie met de kunnen worden toegevoegd aan, gebeurtenis, het voorwerp, de directoryview, soort: "klik&#showForm": "we showform () showForm", kan een eenvoudige methode is als volgt (hoewel, misschien wil je het doen dan wat we hier doen. Een beetje):: () functie, showForm {dollar vinden. El. ("# addcontact"). Slidetoggle ();}, samengevat in deze handleiding, kunnen we alleen maar in het licht van de nieuwe modellen kunnen worden toegevoegd aan een verzameling en hoe kan het model uit de collectie.Wij zien toe te voegen en het schrappen van het model, de ruggengraat van de methode, zoals verwacht,, (), en verwijderen (), zien we ook hoe we de gebeurtenissen kan worden gebonden aan ontslagen worden automatisch aan het gebruik van deze methode om waar nodig bijgewerkt en het verzamelen van de bu, we ook wat meer nadruk op praktische functie. Kunnen we gebruik maken van onze gegevens, met inbegrip van, _indexof (), die weer in de index), en isequal (), worden gebruikt voor de vergelijking van de twee of het voorwerp is van een diepte van hetzelfde, net zoals in het laatste deel van deze gids, ik zag Ze ook kan schrijven we op zo een manier van de klas, hun functie kunnen worden gedeeld en hergebruik mogelijk te maken.Als we de toevoeging van een nieuw model, bijvoorbeeld door gebruik te maken van de bestaande, rendercontact (). De methode in mijn land, directoryview omschreven klassen voor contact maken met nieuwe: //europa.eu.int /comm /, dus we zien hoe de toevoeging of schrapping van model, bij mij in de loop van dit deel van De reeks, en we zullen zien hoe de redactie van de bestaande model, data.






Previous:
Next Page: