,,,,,,,,,,, deelt, delen, delen,,,,,, het netwerk van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen, een deel van de prijs van een reeks wordt aangeduid als de "knock - out is. Overviewknockout observatie concept, deze les is het ontwerp van de knock - out senior onderzoek. Is het belangrijkste ingrediënt.Door middel van een concreet voorbeeld van de toepassing van de ten uitvoer te leggen, zullen we zien dat de knock - out ViewModel, observatie en bindende interacties om dynamische gebruikersinterface.,,, in de eerste plaats, creëren we een eenvoudig: //europa.eu.int /comm /, al onze code, en dan zullen we een ViewModel object te rechtvaardigen, wat de aard van de toevoeging van een interactieve, zelfs in combinatie met stelt ons in staat om de gebruikers - reactie, knock - out, download js, voordat we beginnen met de opstelling van een code, downloaden van de laatste kopie van github.com pagina 's in Knockout.js downloaden.In dit schrijven, is de laatste versie 2.1.0.Na dat, we gaan naar een bladzijde toe te voegen aan de bibliotheek: //europa.eu.int /comm /.,,: //europa.eu.int /comm /, laten we met een standaard: //europa.eu.int /comm /beginnen.In een map met je Knockout.js bibliotheek, het creëren van een nieuwe naam index.html, dan wordt het volgende toegevoegd.Laat dat te veranderen knockout-2.1.0.js aan het dossier de naam van de Knockout.js bibliotheek van je downloaded., een monster item1.htm, < http: //europa.eu.int lang='en'> < head> < title>, Hallo, Knockout.js< /title> < - /> gebruikersnaam'utf-8'; < link rel='stylesheet'href='style.css'/> < /head> < body> < h2> Bill's; < p> het Cart< /p> < het script src='knockout-2.1.0.js'> < /script> < /body> < /html> dit is een fundamentele: //europa.eu.int /comm /5, is dat Knockout.js omvat het op de bodem van de bibliotheek, < body>,; maar, als een externe script, je kan zijn. Ze wil je (in, < head> de andere optie, is een).Stijl CSS stylesheet vrijwel geen voorbeeld, in deze serie, maar het gaat om hun ogen te vergemakkelijken.Het kan worden opgenomen in bijlage A, https://bitbucket.org/syncfusion/knockoutjs_succinctly of downloaden van het internet.Als je in je web browser pagina 's, je zal zien als volgt:,, grafiek 8: de definitie van' oog, model, omdat we geen permanente gegevens en werken, hebben we een model.En we zullen de rechten van de ViewModel springen.Betreft: 7, voordat we echt alleen gebruik te maken van een mening ViewModel.,, figuur 9: de nadruk te bekijken en ViewModel tijdelijk, weet je, een ViewModel is je model gegevens van pure javascript zei.Gaan we alleen gebruik maken van lokale javascript object, als een oog model.In < script> etikettering, met inbegrip van Knockout.js, wordt de volgende tekst toegevoegd:, < script> var personviewmodel = {naam: "John", de naam: "Smith"}; ko. ApplyBindings (personviewmodel); < /scripts > < /lichaam GT; dit heeft geleid tot een "man" John Smith, en, Ko. Applybindings (), dat Knockout.js voor gebruik te maken van voorwerpen voor pagina 's oog model, natuurlijk, als je op de pagina, het is nog steeds een "Bill Winkelwagen." Knockout.js bijgewerkt op basis van mening model betreft, moeten we, in combinatie met de http: //europa.eu.int personviewmodel, voorwerpen,.,, in combinatie met de elementen van Knockout.js: //europa.eu.int /comm /, het gebruik van een speciale, gebonden aan de ViewModel gegevens bindende eigenschappen: //europa.eu.int /comm /elementen.In plaats van Bill < P > etikettering en een lege < span > elementen, zijn als volgt:, < p> < - gegevens in de eerste naam ": bindende = > < grensoverschrijdende > Winkelwagen < /P > de waarde van de eigenschap dat de gegevens, wat Knockout.js in element zien.In dit geval, de tekst, in combinatie met de Knockout.js vertellen dat de eerste naam ViewModel eigenschap.Nu, als je je opfrissen, zal in de plaats komen van de inhoud van Knockout.js < trans - > en personviewmodel.firstname.Als een resultaat, moet je de "kar" in je browser:,, figuur 10: de eerste schoten we bindende mening onderdelen, ook, als je de tekst veranderd gegevens bindende eigenschappen: achternaam, en het zal de "Smith Winkelwagen." zoals je kan zien, de combinatie van elementen waar maar je ViewModel gedefinieerd: //europa.eu.int /comm /model, van de prestaties van de waargenomen.,, dus hebben we een ViewModel kan in een: //europa.eu.int /comm /element zien, maar kijk wat er gebeurt, als we proberen te veranderen.Telefoon, Ko. Applybindings (), zal een nieuwe waarde voor personviewmodel. Naam:, Ko. ApplyBindings (personviewmodel); personviewmodel.firstname = ","; Knockout.js, niet automatisch het bijwerken van mening, en pagina 's leest nog steeds "kar". Dat is omdat we nog geen naam, Knockout.js blootstelling, attributen.Je wilt geen eigendom is van de Knockout.js moeten volgen, waargenomen.We kunnen veranderen door personviewmodel laten we aan de prestaties van de ViewModel, personviewmodel = {var:FirstName:KO. Observatie (""), naam: hoog. Zichtbare ("Smith")};, in plaats van een directe opdracht, naam, voornaam, gebruiken we de waarneembare (hoge). Knock - out toe te voegen aan De eigendom is automatisch afhankelijk zijn. De Tracker.Als we de eerste naam eigenschappen veranderen, Knockout.js moet worden bijgewerkt: http: //europa.eu.int overeen, Ko. ApplyBindings (personviewmodel); personviewmodel. "(" "); toegang tot de hoeveelheid, misschien is het je opgevallen, maar geen variabele opmerkingen.Voor het verkrijgen van een van de waarde kan worden waargenomen, kan je het ook noemen in plaats van door alle parameters en waarden, waarden, als parameter.Dit gedrag is als volgt:,, het gebruik van voorwerpen,:. Firstname (), in plaats van obj.firstname plaats:,,, van het voorwerp van de naam ("Mary"), in plaats van obj.firstname = "Mary", aan te passen aan de nieuwe toegang tot het apparaat, voor beginners Knockout.js enigszins tegenstrijdig.Voorzichtig, niet per ongeluk een waarde toegekend aan een waarneembare eigenschappen, = de exploitant.Dit zal leiden tot Knockout.js onder observatie, stoppen met automatische bijwerking van mening. En, een speciaal doel, we personviewmodel, de doelstellingen en de algemene opmerkingen, de aard van het werk. Dit voorbeeld, maar onthoud, het programma kan tevens een eigen methode voor de uitwisseling van gegevens.Dit programma wordt meestal gedefinieerd als in plaats van de algemene javascript object, speciale klasse.Laten we doorgaan met de gebruikers van de vervanging van de definitie van het voorwerp van de functie van personviewmodel:, personviewmodel () {this.firstname = ko. Observatie (""); this.lastname = ko. Observatie (Smith);}, Ko. ApplyBindings (nieuwe personviewmodel ()); dit is de definitie van een ViewModel en activering van de Knockout.js specificaties.Nu kunnen we er een gewoonte van de methode, zoals:, de functie personviewmodel () {this.firstname = ko. Observatie (""); this.lastname = ko. Observatie ("Smith"); this.checkout = functie) (signalering ("te zien!"););};, in een enkele gecombineerde gegevens en methoden is een mvvm patronen.Het is een intuïtieve manieren van interactie met de gegevens.Bijvoorbeeld, als je klaar bent om te vertrekken een eenvoudige oproep, de kassa (), de methode van mening model.Knockout.js zelfs biedt dit uit bindende standpunten.,, interactieve gebonden, wij in deze les is de laatste stap in de toevoeging van een kassa knop noemen, de kassa (), we hebben het zojuist omschreven methode.Dit is een zeer kort knock - out. Js interactie bindende, maar het biedt een nuttige functie, en we zullen in de volgende les nodig.In < p> etikettering, het volgende toevoegen: de knop, < knopen in de gegevens van een bindende =: inspectie "> controle < /knop > in plaats van de tekst in combinatie met de eigenschap vertonen, waarde, klik binden, als een methode die, de gebruiker van het element.In ons geval, het eisen van ons de kassa () ViewModel methode, dan zie je een waarschuwing uit.,, Figuur 11: de waarschuwing op de knop, na de oprichting van de kassa, knock - out. Is de volledige interactieve bindend zal worden voor zes lessen, geeft een overzicht van de cursus:,, langs Knockout.js de belangrijkste aspecten.We hebben gezien dat er drie stappen, de oprichting van een knockout.js-based Internet:,, het creëren van een ViewModel object en de registratie van het neergeslagen. Js, in combinatie met de elementen van een ViewModel: //europa.eu.int /comm /de aard van het gebruik dat Knockout.js observatie van aard, kan je dat oog element, In combinatie met de prestaties van de waargenomen als een object om. Een model van de lidstaten.In het model), kan je helemaal vergeten te concentreren op de toepassing van de gegevens: //europa.eu.int /comm /oog.Dit is knock - out is het hele punt. In de volgende les, we zullen het in de knock - out van de ware kracht van de automatische afhankelijkheid creëren. Is afhankelijk van andere aard volgen de opmerkingen over het bewaren van gegevens, alsmede een lijst van de vertegenwoordigers van deze les.,,, een hoofdstuk knock - out, in eenvoudige, van e - team, en Syncfusion gratis.