ForgejComponent
hu

jComponent 20 (frontend)

Komponensek, bővítmények, adatkötés és minden, ami a böngészőben fut.

ReceptCímkék

Első lépések a jComponent 20-szal

Töltsd be a jComponent csomagot, állíts be egy értéket a globális állapotban, és jelenítsd meg egy ui-bind elemmel.

jcomponentfrontendbinding

Az állapot olvasása, módosítása és figyelése

Használd a SET, GET, UPD, PUSH és WATCH függvényeket a globális állapottal való munkához, és reagálj, ha egy útvonal megváltozik.

jcomponentfrontendstate

Saját jComponent írása

Regisztrálj egy újrafelhasználható komponenst a COMPONENT()-tel, renderelj a make()-ben, reagálj az állapotváltozásokra a setter()-ben, és írj vissza a set()-tel.

jcomponentfrontendcomponents

Komponens konfigurálása és későbbi újrakonfigurálása

Adj egy komponensnek alapértelmezett opciókat, írd felül őket a config attribútumban, reagálj a configure()-ban, és módosítsd őket futásidőben a reconfigure()-rel.

jcomponentfrontendcomponents

Egy komponens életciklusa: make, setter és destroy

Tudd, mikor hoz létre, frissít és távolít el a jComponent egy komponenst, és takaríts fel időzítőket és figyelőket a destroy()-ban.

jcomponentfrontendcomponents

Bemenet ellenőrzése egy komponens validate()-jével

Valósítsd meg a validate()-et egy komponensben, olvasd az invalid, touched és modified állapotokat, és találd meg az érvénytelen mezőket az ERRORS()-szal.

jcomponentfrontendvalidationforms

Path prefixes: közös, kódlisták, ideiglenes állapot és plugin útvonalak

A jComponent útvonal első jele azt választja, ahol az érték él: * a közös állapot, # a kódlisták, % az ideiglenes állapot, ? a plugin állapot és a plugin|A Plugin objektum tulajdonsága.

jcomponentfrontendpathsstate

Könyvtár betöltése egy komponens indulása előtt

Sorolj fel szkripteket és stílusokat egy komponens függőségeiként, hogy a jComponent egyszer letöltse őket, és csak utána indítsa a komponenst.

jcomponentfrontendcomponentsdependencies

Komponensek és pluginok bővítése EXTENSION-nel

Adj viselkedést egy meglévő komponenshez kívülről, a forráskódja szerkesztése nélkül, az EXTENSION()-nel.

jcomponentfrontendcomponents

Elemek megjelenítése, elrejtése és stílusozása ui-bind-dal

Használj ui-bind parancsokat a láthatóság, az osztályok és a HTML állapotból való váltására, DOM-kód írása nélkül.

jcomponentfrontendbinding

Listák renderelése ui-bind sablonnal

Tegyél Tangular sablont a ui-bind-ba a template paranccsal, hogy tömböket és objektumokat renderelj, valahányszor az adat változik.

jcomponentfrontendbindingtemplates

További ui-bind parancsok: attribútumok, értékek, állapot és formázás

Állíts be HTML-t, attribútumokat, űrlapértékeket, letiltott állapotot és szövegformátumot az állapotból ui-bind parancsokkal.

jcomponentfrontendbinding

Ui-bind referencia: minden parancs, opció és attribútum

Minden parancs ui-kötött, amit mindenki csinál, az opciók, amelyek irányítják, amikor fut, és az attribútumok, amelyek kiválasztják a cél elem.

jcomponentfrontendbindingreference

Az összetevő példája: tulajdonságok és módszerek önmaguk

A jComponent 20 komponens nyilatkozatát és azt, amit az eset (mag) kínál: tulajdonságok, értékmódszerek, DOM segédeszközök, események, megfigyelők és parancsok.

jcomponentfrontendcomponentsreference

Állapot és logika csoportosítása egy jComponent pluginban

Deklarálj egy plugint a PLUGIN()-nal, és csatold az oldal egy részéhez a ui-plugin-nal, a ?-et használva a saját útvonalaként.

jcomponentfrontendplugins

Oldalak útválasztása a böngészőben újratöltés nélkül

Regisztrálj kliensoldali útvonalakat a ROUTE()-tal, navigálj a REDIRECT()-tel, olvasd az URL-paramétereket és a query stringet a NAV-ból, és lépj vissza az előzményekben.

jcomponentfrontendroutingspa

Oldalrészek betöltése ui-import-tal

Hozz be egy HTML-részt a szerverről egy elembe a ui-import-tal vagy az IMPORT()-tal, és hagyd, hogy a rész hozza a saját komponenseit.

jcomponentfrontendimport

Kód hívása parancsokkal és EXEC-kel

Regisztrálj parancsokat a component.command()-dal, és hívd őket a CMD()-vel, vagy hívj meg egy plugin-metódust az EXEC('plugin/method')-dal.

jcomponentfrontendcommands

Események küldése komponensek között ON-nal és EMIT-tel

Válaszd szét az oldal részeit globális eseményekkel: az EMIT() bejelent valamit, az ON() figyel, az OFF() abbahagyja a figyelést.

jcomponentfrontendevents

Adatok tárolása a böngészőben CACHE-sel, PREF-fel és COOKIES-szal

Őrizz meg értékeket a látogatások között a CACHE (lejáró), a PREF (felhasználói beállítások) és a COOKIES segítségével.

jcomponentfrontendstorage

Beállítások megosztása ENV-vel és a [key] szintaxissal

Regisztrálj értékeket az ENV()-vel, és használd őket URL-ekben és komponenskonfigurációban a [key] helyőrzővel.

jcomponentfrontendconfig

Adatok betöltése Total.js útvonalról AJAX-szal

Hívj meg egy Total.js útvonalat az oldalról az AJAX()-szal, és tedd a választ a jComponent állapotába.

jcomponentfrontendajaxrouting

Total.js API-útvonalak hívása az API()-val

Használd az API(url, name, data, callback)-et egy ROUTE('API ...') végpont actionjeinek hívásához, a validációs hibákkal együtt.

jcomponentfrontendajaxapi

Fájlok feltöltése UPLOAD()-dal és haladással

Küldj FormData-t egy Total.js @upload útvonalra az UPLOAD()-dal, és kövesd a haladást.

jcomponentfrontenduploadfiles

Kis helperek: GUID, HASH, parseConfig, format és group

Használd a jComponent által hozzáadott segédfüggvényeket: véletlen azonosítók, hash-ek, konfigurációs sztringek, szöveg- és dátumformázás és csoportosítás.

jcomponentfrontendutilities

Állapot-parancsikonok: INC, TOGGLE, NUL, UPDATE, UNWATCH, WAIT, BLOCKED és CACHEPATH

Kis függvények, amelyek az állapot egy értékét az útvonala alapján módosítják vagy figyelik, megvárják, amíg egy érték létezik, valamit csak egyszer futtatnak egy időszakban, és az állapot egy értékét a gyorsítótárban tartják.

jcomponentfrontendstateutilities

Adat-segédek: QUERIFY, STRINGIFY, ENCRYPT, FN, CL, TRANSLATE, UNAUTHORIZED és Thelpers

Építs lekérdezési sztringeket, írj JSON-t a nem kívánt részek nélkül, kódolj egy értéket kulccsal, fordíts le egy kifejezést, tölts be értéklistákat, fordíts szövegeket, ellenőrizz jogosultságokat, és adj segédeket a sablonokhoz.

jcomponentfrontendutilitiestemplates

DOM-segédek: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM és APPEARANCE

Olvass data attribútumokat, kérdezd meg, hogy egy elem látszik-e vagy a képernyőn van-e, adj hozzá lecserélhető stílusokat, mozgass elemeket a szülőjükben, frissíts egy listát újrarajzolás nélkül, és állítsd be az oldal színeit és sötét módját.

jcomponentfrontenddomutilities

Komponensek és pluginok keresése és hívása: FIND, COMPONENTS, SETTER, EXE, TAPI, MIDDLEWARE és ADAPT

Keresd meg az oldal komponenseit név vagy útvonal szerint, hívd meg több komponens egy metódusát egyszerre, hívj függvényeket név alapján, használj két API-címet a TAPI és PIPE segítségével, futtass middleware-t egy útvonal előtt, és cseréld le egy szöveg jelölőit.

jcomponentfrontendcomponentsapi

Egyéni útvonaljelzők küldése a FLAGS-szel

Futtasson egyéni jelzőket, figyelje az eseményeiket, és különböztesse meg őket a modellváltozásoktól és a fenntartott állapotjelzőktől.

jcomponentflagseventspaths