ForgejComponent
sk

jComponent 20 (frontend)

Komponenty, pluginy, viazanie dát a všetko, čo beží v prehliadači.

ReceptŠtítky

Začíname s jComponent 20

Načítaj balík jComponent, ulož hodnotu do globálneho stavu a zobraz ju elementom ui-bind.

jcomponentfrontendbinding

Čí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.

jcomponentfrontendstate

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().

jcomponentfrontendcomponents

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().

jcomponentfrontendcomponents

Ž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.

jcomponentfrontendcomponents

Over vstup cez validate() komponentu

Implementuj validate() v komponente, čítaj stavy invalid, touched a modified a nájdi neplatné polia cez ERRORS().

jcomponentfrontendvalidationforms

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.

jcomponentfrontendpathsstate

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.

jcomponentfrontendcomponentsdependencies

Rozširuj komponenty a pluginy cez EXTENSION

Pridaj existujúcemu komponentu správanie zvonku, bez úpravy jeho zdrojového kódu, pomocou EXTENSION().

jcomponentfrontendcomponents

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.

jcomponentfrontendbinding

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.

jcomponentfrontendbindingtemplates

Ď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.

jcomponentfrontendbinding

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.

jcomponentfrontendbindingreference

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.

jcomponentfrontendcomponentsreference

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.

jcomponentfrontendplugins

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.

jcomponentfrontendroutingspa

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.

jcomponentfrontendimport

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').

jcomponentfrontendcommands

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ť.

jcomponentfrontendevents

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.

jcomponentfrontendstorage

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].

jcomponentfrontendconfig

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.

jcomponentfrontendajaxrouting

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.

jcomponentfrontendajaxapi

Nahrávaj súbory cez UPLOAD() s priebehom

Pošli FormData na cestu @upload v Total.js cez UPLOAD() a sleduj priebeh.

jcomponentfrontenduploadfiles

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.

jcomponentfrontendutilities

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.

jcomponentfrontendstateutilities

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.

jcomponentfrontendutilitiestemplates

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.

jcomponentfrontenddomutilities

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.

jcomponentfrontendcomponentsapi

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.

jcomponentflagseventspaths