jComponent 20 (frontend)
Komponenty, pluginy, datová vazba a vše, co běží v prohlížeči.
První kroky s jComponent 20
Načti bundle jComponent, nastav hodnotu v globálním stavu a zobraz ji elementem ui-bind.
Čtení, změna a sledování stavu
Použij SET, GET, UPD, PUSH a WATCH pro práci s globálním stavem a reakci na změnu cesty.
Psaní vlastní komponenty jComponent
Zaregistruj znovupoužitelnou komponentu přes COMPONENT(), vykresli ji v make(), reaguj na změny stavu v setter() a zapisuj zpět přes set().
Konfigurace komponenty a její pozdější překonfigurování
Dej komponentě výchozí volby, přepiš je v atributu config, reaguj v configure() a měň je za běhu přes reconfigure().
Životní cyklus komponenty: make, setter a destroy
Věz, kdy jComponent komponentu vytvoří, aktualizuje a odstraní, a v destroy() uklízej časovače a posluchače.
Ověřování vstupu přes validate() komponenty
Implementuj validate() v komponentě, čti stavy invalid, touched a modified a nacházej neplatná pole přes ERRORS().
Předpovědi cesty: společné, seznamy kódů, dočasný stav a pluginy
První znak trasy jComponent si vybere, kde je hodnota žijící: * společný stav, # kódové seznamy, % dočasný stav, ? stav pluginu a plugin|Je to vlastnictví pluginu.
Načtení knihovny před startem komponenty
Vyjmenuj skripty a styly jako závislosti komponenty, aby je jComponent stáhl jednou a komponentu spustil až poté.
Rozšiřování komponent a pluginů přes EXTENSION
Přidej existující komponentě chování zvenčí, bez úpravy jejího zdrojového kódu, pomocí EXTENSION().
Zobrazování, skrývání a stylování elementů přes ui-bind
Použij příkazy ui-bind k přepínání viditelnosti, tříd a HTML ze stavu, bez psaní kódu pro DOM.
Vykreslování seznamů šablonou ui-bind
Vlož šablonu Tangular do ui-bind s příkazem template a vykresluj pole a objekty pokaždé, když se data změní.
Další příkazy ui-bind: atributy, hodnoty, stav a formátování
Nastav HTML, atributy, hodnoty formuláře, stav disabled a formát textu ze stavu pomocí příkazů ui-bind.
Ui-bind reference: každý příkaz, možnost a atribut
Všechny příkazy ui-bind s tím, co každý dělá, možnosti, které kontrolují, když to běží, a atributy, které si vybírají cílový prvek.
Složení reference: vlastnosti a metody sebe
Prohlášení složky jComponent 20 a to, co její příklad (sám) nabízí: vlastnosti, metody hodnoty, pomocníky DOM, události, sledovatele a příkazy.
Seskupení stavu a logiky do pluginu jComponent
Deklaruj plugin přes PLUGIN() a připoj ho k části stránky přes ui-plugin, přičemž ? je jeho vlastní cesta.
Směrování stránek v prohlížeči bez opětovného načtení
Zaregistrujte trasy na straně klienta přes ROUTE(), navigujte přes REDIRECT(), čtěte parametry URL a query string z NAV a vracejte se v historii.
Načítání částí stránky přes ui-import
Načti HTML část ze serveru do elementu přes ui-import nebo IMPORT() a nech část nést vlastní komponenty.
Spouštění kódu příkazy a EXEC
Registruj příkazy přes component.command() a volej je přes CMD(), nebo volej metodu pluginu přes EXEC('plugin/method').
Posílání událostí mezi komponentami přes ON a EMIT
Odděl části stránky globálními událostmi: EMIT() něco oznámí, ON() poslouchá, OFF() přestane poslouchat.
Ukládání dat v prohlížeči přes CACHE, PREF a COOKIES
Uchovej hodnoty mezi návštěvami přes CACHE (s expirací), PREF (uživatelské preference) a COOKIES.
Sdílení nastavení přes ENV a syntaxi [key]
Registruj hodnoty přes ENV() a používej je v URL a konfiguraci komponent pomocí zástupky [key].
Načítání dat z trasy Total.js přes AJAX
Zavolej ze stránky trasu Total.js přes AJAX() a odpověď ulož do stavu jComponent.
Volání API tras Total.js přes API()
Použij API(url, name, data, callback) k volání akcí endpointu ROUTE('API ...'), včetně chyb validace.
Nahrávání souborů přes UPLOAD() s průběhem
Pošli FormData na trasu @upload v Total.js přes UPLOAD() a sleduj průběh.
Malé helpery: GUID, HASH, parseConfig, format a group
Použij pomocné funkce, které jComponent přidává: náhodná id, hashe, konfigurační řetězce, formátování textu a dat a seskupování.
Zkratky stavu: INC, TOGGLE, NUL, UPDATE, UNWATCH, WAIT, BLOCKED a CACHEPATH
Malé funkce, které mění nebo sledují hodnotu stavu podle její cesty, čekají, až hodnota existuje, spustí něco jen jednou za období a uchovávají hodnotu stavu v cache.
Pomocníci pro data: QUERIFY, STRINGIFY, ENCRYPT, FN, CL, TRANSLATE, UNAUTHORIZED a Thelpers
Sestavte řetězce dotazu, zapište JSON bez toho, co nechcete, zakódujte hodnotu klíčem, zkompilujte výraz, načtěte seznamy hodnot, přeložte texty, zkontrolujte oprávnění a přidejte pomocníky do šablon.
Pomocníci DOM: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM a APPEARANCE
Čtěte atributy data, zjišťujte, zda je element zobrazen nebo na obrazovce, přidávejte styly, které lze nahradit, přesouvejte elementy v rodiči, aktualizujte seznam bez překreslení a nastavte barvy a tmavý režim stránky.
Hledání a volání komponent a pluginů: FIND, COMPONENTS, SETTER, EXE, TAPI, MIDDLEWARE a ADAPT
Hledejte komponenty stránky podle názvu nebo cesty, volejte metodu více komponent najednou, volejte funkce podle názvu, používejte dvě adresy API přes TAPI a PIPE, spouštějte middleware před routou a nahrazujte značky v textu.
Odesílejte vlastní příznaky cest pomocí FLAGS
Spusťte vlastní příznaky, sledujte jejich události a odlište je od změn modelu a rezervovaných stavových příznaků.