jComponent 20 (frontend)
Komponensek, bővítmények, adatkötés és minden, ami a böngészőben fut.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Á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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Á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.
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.
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.
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.
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.