Pagrindinis » alibaba-info » Kaip naudoti, įterpti ir susieti „JavaScript Knockout.jsc“ formas

Kaip naudoti, įterpti ir susieti „JavaScript Knockout.jsc“ formas

AliExpress WW

Šiandien mes norime pasikalbėti su jumis apie formas Knockout.js; kadangi jie gali būti naudojami tiek programose, tiek svetainėse; palengvinti reikiamų duomenų teikimą, lengviau apdoroti.

Knockout.js, galite jį atsisiųsti, jūs jau žinote, kad tai leidžia įvairiems elementams prisijungti ir papildyti vienas kitą, kad būtų sukurta įmanoma forma ir kurią galima patvirtinti.

Indeksas()

    Ko reikia norint įdiegti „Knockout.js“?

    Norėdami atlikti a nokautas.js, turite turėti šiuos dalykus:

    • Knockout.js savo sistemoje.
    • Prisijungimas prie internetas.
    • Taip pat reikalingas leidimas kurti ir prieiti į tam tikrus failus ir programas.
    • Jums reikės teksto redaktoriaus.
    • Turėkite interneto serverį, kuris yra „Apache“ arba „Nginx“ tipo.

    Suderinami su „Knockout.js“ duomenų susiejimai

    Būtina apibrėžti, kurios yra nuorodos duomenys arba duomenų susiejimas, su kuriuo dirba „Knockout.js“; tai norint tiksliai apibrėžti galimų programos ar tinklalapio, su kuriuo dirbate, rezultatų apimtį.

    • Duomenų susiejimo vertė: Tai išreiškia naudojamų elementų vertę; kai aš pasikeisiu.
    • „Data-bind“ teksto įvestis: Tai gana panaši į vertę; skirtumas yra tas, kad jis išreiškia vertę sąveikos metu; tai yra procesas yra tęstinis, kol procesas yra vykdomas.
    • Duomenų susiejimas patikrintas: Leidžia patikrinti elementų naudojimą.
    • Duomenų susiejimo parinktys: Šis įrišimas leidžia užpildyti elementą naudojant formos siūlomas parinktis; veikia idealiai dirbant pagal įvairias galimybes.
    • Susieti duomenis su „SelectedOptions“: Tai leidžia vienu metu naudoti kelias parinktis.
    • Data-bind Įjungti / išjungti: Kaip tai rodo jo pavadinimas, mes galime įjungti arba išjungti bet kurį formos elementą; norint panaudoti tik būtinus.

    Įvykiai formomis

    Gebėjimas valdyti įvykius yra būtinas dirbant su formomis; nes jie leidžia mums atlikti būtinus veiksmus tam tikruose procesuose; arba į mūsų HTML. Toliau kalbėsime apie įvairius įvykius, kuriuos galima atlikti naudojant formas:

    Pateikti įvykį

    Jo suaktyvėjimas įvyksta išsiųskite formą į serverį; naudojant įvesties pateikimo metodą ar kito tipo metodą.

    Spustelėkite įvykį

    Kadangi jo pavadinimas mus priverčia susimąstyti, tai yra veiksmas spustelėkite dalyvaujančiuose formos elementuose.

    „HasFocus“ įvykis

    Šis įvykis reiškia vartotojo pasirinkimą iš kurio nors elemento, o šis elementas jau naudojamas.

    Knockout.js praktiniai pavyzdžiai

    Apibendrinant, „Knockout.js“ formose galime įgyvendinti ir duomenų nuorodas, ir skirtingus įvykius. Pradėję kurti formą, turėsite sąrašą; mes taip pat turėsime vaizdą kaip demonstraciją, turėti atliktų veiksmų nuoroda.

    Norėdami įvykdyti Knockout.js formą; Norint sugeneruoti formą su dinaminiais sąrašais, būtina turėti „jQuery“ bibliotekos pagalbą. Su šia biblioteka gausime reikiamus efektus programai ar svetainei, kurioje dirbame. Jei neturite šio „jQuery“, galite atsisiųsti, kad jis būtų pasiekiamas, kai jums to reikia.

    Dabar mes parodysime jums reikalingą kodą:

    Formuojasi „knockout.js“

    funkcija ViewModel () {var self = this; self.cosas = [{description: 'Mūsų namas yra labai prabangus ir dėl to jis mums labai patinka ', image: 'house.jpg '}, {description: 'Mūsų automobilis yra labai greitas ir patarimo technologija ', image: ' auto.jpg '}]; self.loadImage = funkcija (duomenys, įvykis) {$ ('# current_things '). attr ('src ', data.image); }; }; var viewModel = new ViewModel (); ko.applyBindings (viewModel);

    Su šiais kodais buvo sukurtas sąrašas, kuriame yra aprašas ir vaizdas; prieiga prie šių duomenų bus suteikta naudojant pasirinktą programą; galiausiai vaizdą galima pridėti per „jQuery“ prieinamą selektorių; su tuo galime užtikrinti, kad duomenys ir vaizdas būti tas pats DOM.

    Dėl HTML, sąrašas jau sudarytas su atitinkamais elementais; Lieka tik priskirti funkciją, kuri turi būti vykdoma atitinkamame įvykyje.

    Taikydami nokautą, programuotojai naudojasi daugybe pranašumų programuotojams nereikia spręsti problemų duomenų sąveika. 

    Galite gauti su tuo susijusių straipsnių, kur jie parodo, kas yra „JavaScript React.js“ biblioteka, kam ji skirta ir kaip ji veikia Taip pat galite pamatyti, kaip sukurti atminties žaidimą naudojant HTML ir „JQuery Effects“

    AliExpress WW
    Rekomenduojama
    Palikite Komentarą