jComponent 20 (frontend)
Komponenty, pluginy, viazanie dát a všetko, čo beží v prehliadači.
Začíname s jComponent 20
Načítaj balík jComponent, ulož hodnotu do globálneho stavu a zobraz ju elementom ui-bind.
Čítaj, meň a sleduj stav
Použi SET, GET, UPD, PUSH a WATCH na prácu s globálnym stavom a reakciu na zmenu cesty.
Napíš vlastný komponent jComponent
Zaregistruj opakovane použiteľný komponent cez COMPONENT(), vykresli ho v make(), reaguj na zmeny stavu v setter() a zapisuj cez set().
Konfiguruj komponent a neskôr ho prekonfiguruj
Daj komponentu predvolené voľby, prepíš ich v atribúte config, reaguj v configure() a mení ich za behu cez reconfigure().
Životný cyklus komponentu: make, setter a destroy
Vedz, kedy jComponent komponent vytvorí, aktualizuje a odstráni, a v destroy() upratuj časovače a poslucháčov.
Over vstup cez validate() komponentu
Implementuj validate() v komponente, čítaj stavy invalid, touched a modified a nájdi neplatné polia cez ERRORS().
Path prefixy: všeobecné, kódy zoznamy, dočasný stav a pluginy cesty
Prvý znak jComponent trasy si vyberá, kde je hodnota žije: * bežný stav, # zoznamy kódu, % dočasný stav?|Cesta je vlastnosťou pluginu.
Načítaj knižnicu skôr, než komponent štartuje
Vymenuj skripty a štýly ako závislosti komponentu, aby ich jComponent stiahol raz a komponent spustil až potom.
Rozširuj komponenty a pluginy cez EXTENSION
Pridaj existujúcemu komponentu správanie zvonku, bez úpravy jeho zdrojového kódu, pomocou EXTENSION().
Zobrazuj, skrývaj a štýluj elementy cez ui-bind
Použi príkazy ui-bind na prepínanie viditeľnosti, tried a HTML zo stavu, bez písania kódu pre DOM.
Vykresľuj zoznamy šablónou ui-bind
Vlož šablónu Tangular do ui-bind s príkazom template a vykresľuj polia a objekty vždy, keď sa dáta zmenia.
Ďalšie príkazy ui-bind: atribúty, hodnoty, stav a formátovanie
Nastav HTML, atribúty, hodnoty formulára, stav disabled a formát textu zo stavu pomocou príkazov ui-bind.
ui-bind odkaz: každý príkaz, možnosť a atribút
Všetky príkazy ui sa spájajú s tým, čo každý z nich robí, s možnosťami, ktoré riadia, kedy sa spúšťa, a s atribútmi, ktoré vyberajú cieľový prvok.
Odkaz na inštanciu komponentu: vlastnosti a metódy seba
Vyhlásenie zložky jComponent 20 a to, čo jej príklad (samozrejme) ponúka: vlastnosti, metódy hodnoty, pomocníci DOM, udalosti, pozorovatelia a príkazy.
Zoskup stav a logiku do pluginu jComponent
Deklaruj plugin cez PLUGIN() a pripoj ho k časti stránky cez ui-plugin, pričom ? je jeho vlastná cesta.
Smerovanie stránok v prehliadači bez opätovného načítania
Zaregistrujte trasy na strane klienta cez ROUTE(), navigujte cez REDIRECT(), čítajte parametre URL a query string z NAV a vracajte sa v histórii.
Načítaj časti stránky cez ui-import
Načítaj HTML časť zo servera do elementu cez ui-import alebo IMPORT() a nechaj časť niesť vlastné komponenty.
Spúšťaj kód pomocou príkazov a EXEC
Registruj príkazy cez component.command() a volaj ich cez CMD(), alebo volaj metódu pluginu cez EXEC('plugin/method').
Posielaj udalosti medzi komponentmi cez ON a EMIT
Oddeľ časti stránky globálnymi udalosťami: EMIT() niečo oznámi, ON() počúva, OFF() prestane počúvať.
Ukladaj dáta v prehliadači cez CACHE, PREF a COOKIES
Uchovaj hodnoty medzi návštevami cez CACHE (s expiráciou), PREF (používateľské preferencie) a COOKIES.
Zdieľaj nastavenia cez ENV a syntax [key]
Registruj hodnoty cez ENV() a používaj ich v URL a konfigurácii komponentov pomocou zástupky [key].
Načítaj dáta z cesty Total.js cez AJAX
Zavolaj z stránky cestu Total.js cez AJAX() a odpoveď ulož do stavu jComponent.
Volaj API cesty Total.js cez API()
Použi API(url, name, data, callback) na volanie akcií endpointu ROUTE('API ...'), vrátane chýb validácie.
Nahrávaj súbory cez UPLOAD() s priebehom
Pošli FormData na cestu @upload v Total.js cez UPLOAD() a sleduj priebeh.
Malé helpery: GUID, HASH, parseConfig, format a group
Použi pomocné funkcie, ktoré pridáva jComponent: náhodné id, hashe, konfiguračné reťazce, formátovanie textu a dátumov a zoskupovanie.
Skratky stavu: INC, TOGGLE, NUL, UPDATE, UNWATCH, WAIT, BLOCKED a CACHEPATH
Malé funkcie, ktoré menia alebo sledujú hodnotu stavu podľa jej cesty, čakajú, kým hodnota existuje, spustia niečo iba raz za obdobie a uchovávajú hodnotu stavu v cache.
Pomocníci pre dáta: QUERIFY, STRINGIFY, ENCRYPT, FN, CL, TRANSLATE, UNAUTHORIZED a Thelpers
Vytvorte reťazce dotazu, zapíšte JSON bez toho, čo nechcete, zakódujte hodnotu kľúčom, skompilujte výraz, načítajte zoznamy hodnôt, preložte texty, skontrolujte oprávnenia a pridajte pomocníkov do šablón.
Pomocníci DOM: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM a APPEARANCE
Čítajte atribúty data, zisťujte, či je element zobrazený alebo na obrazovke, pridávajte štýly, ktoré môžete nahradiť, presúvajte elementy v rodičovi, aktualizujte zoznam bez prekreslenia a nastavte farby a tmavý režim stránky.
Hľadanie a volanie komponentov a pluginov: FIND, COMPONENTS, SETTER, EXE, TAPI, MIDDLEWARE a ADAPT
Hľadajte komponenty stránky podľa názvu alebo cesty, volajte metódu viacerých komponentov naraz, volajte funkcie podľa názvu, používajte dve adresy API cez TAPI a PIPE, spúšťajte middleware pred routou a nahrádzajte značky v texte.
Odosielajte vlastné príznaky ciest pomocou FLAGS
Spustite vlastné príznaky, sledujte ich udalosti a odlíšte ich od zmien modelu a rezervovaných stavových príznakov.