ForgejComponent
cs

jComponent 20 (frontend)

Komponenty, pluginy, datová vazba a vše, co běží v prohlížeči.

ReceptŠtítky

První kroky s jComponent 20

Načti bundle jComponent, nastav hodnotu v globálním stavu a zobraz ji elementem ui-bind.

jcomponentfrontendbinding

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

jcomponentfrontendstate

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

jcomponentfrontendcomponents

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

jcomponentfrontendcomponents

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

jcomponentfrontendcomponents

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

jcomponentfrontendvalidationforms

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.

jcomponentfrontendpathsstate

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

jcomponentfrontendcomponentsdependencies

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

jcomponentfrontendcomponents

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.

jcomponentfrontendbinding

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

jcomponentfrontendbindingtemplates

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.

jcomponentfrontendbinding

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.

jcomponentfrontendbindingreference

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.

jcomponentfrontendcomponentsreference

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.

jcomponentfrontendplugins

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.

jcomponentfrontendroutingspa

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.

jcomponentfrontendimport

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

jcomponentfrontendcommands

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.

jcomponentfrontendevents

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.

jcomponentfrontendstorage

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

jcomponentfrontendconfig

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.

jcomponentfrontendajaxrouting

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.

jcomponentfrontendajaxapi

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.

jcomponentfrontenduploadfiles

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

jcomponentfrontendutilities

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.

jcomponentfrontendstateutilities

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.

jcomponentfrontendutilitiestemplates

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.

jcomponentfrontenddomutilities

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.

jcomponentfrontendcomponentsapi

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

jcomponentflagseventspaths