pl
English
Español
Slovenčina
Deutsch
Français
Italiano
Português
Čeština
Nederlands
Română
Magyar
Svenska
Ελληνικά
БългарскиjComponent 20 (frontend)
Komponenty, wtyczki, wiązanie danych i wszystko, co działa w przeglądarce.
Pierwsze kroki z jComponent 20
Załaduj bundle jComponent, ustaw wartość w stanie globalnym i pokaż ją elementem ui-bind.
Czytanie, zmienianie i obserwowanie stanu
Używaj SET, GET, UPD, PUSH i WATCH do pracy ze stanem globalnym i reagowania na zmianę ścieżki.
Pisanie własnego komponentu jComponent
Zarejestruj komponent wielokrotnego użytku przez COMPONENT(), renderuj go w make(), reaguj na zmiany stanu w setter() i zapisuj z powrotem przez set().
Konfigurowanie komponentu i późniejsza rekonfiguracja
Daj komponentowi opcje domyślne, nadpisz je w atrybucie config, reaguj w configure() i zmieniaj je w czasie działania przez reconfigure().
Cykl życia komponentu: make, setter i destroy
Wiedz, kiedy jComponent tworzy, aktualizuje i usuwa komponent, i sprzątaj timery oraz nasłuchiwacze w destroy().
Walidacja wejścia przez validate() komponentu
Zaimplementuj validate() w komponencie, czytaj stany invalid, touched i modified i znajduj nieprawidłowe pola przez ERRORS().
Przeciwwskazania ścieżki: wspólne, listy kodów, stałe i ścieżeństwa wtyczki
Pierwszy znak drogi jComponent wybiera, gdzie wartość żyje: * stan ogólny, # listy kodów, % stan tymczasowy, ? stan wtyczki i wtyczka|Właściwość obiektu wtyczki.
Ładowanie biblioteki przed startem komponentu
Wymień skrypty i style jako zależności komponentu, aby jComponent pobrał je raz i uruchomił komponent dopiero potem.
Rozszerzanie komponentów i pluginów przez EXTENSION
Dodaj zachowanie istniejącemu komponentowi z zewnątrz, bez edycji jego kodu źródłowego, przez EXTENSION().
Pokazywanie, ukrywanie i stylowanie elementów przez ui-bind
Używaj komend ui-bind, aby przełączać widoczność, klasy i HTML ze stanu, bez pisania kodu DOM.
Renderowanie list szablonem ui-bind
Umieść szablon Tangular w ui-bind z komendą template, aby renderować tablice i obiekty za każdym razem, gdy dane się zmieniają.
Więcej komend ui-bind: atrybuty, wartości, stan i formatowanie
Ustawiaj HTML, atrybuty, wartości formularza, stan wyłączony i format tekstu ze stanu komendami ui-bind.
Ui-bind referencje: każde polecenie, opcja i atrybut
Wszystkie polecenia ui-bind z tym, co każdy robi, opcje, które kontrolują, kiedy to działa, i atrybuty, które wybierają element docelowy.
Składnik odniesienia: właściwości i metody samego siebie
Deklaracja składnika jComponent 20 i to, co jego instancja (sam) oferuje: właściwości, metody wartości, pomocniki DOM, wydarzenia, obserwatorzy i polecenia.
Grupowanie stanu i logiki w pluginie jComponent
Zadeklaruj plugin przez PLUGIN() i podłącz go do części strony przez ui-plugin, używając ? jako jego własnej ścieżki.
Routing stron w przeglądarce bez przeładowania
Rejestruj trasy po stronie klienta przez ROUTE(), nawiguj przez REDIRECT(), czytaj parametry URL i query string z NAV oraz wracaj w historii.
Ładowanie części strony przez ui-import
Pobierz część HTML z serwera do elementu przez ui-import lub IMPORT() i pozwól, by część niosła własne komponenty.
Wywoływanie kodu przez komendy i EXEC
Rejestruj komendy przez component.command() i wywołuj je przez CMD() albo wywołaj metodę pluginu przez EXEC('plugin/method').
Wysyłanie zdarzeń między komponentami przez ON i EMIT
Rozdziel części strony zdarzeniami globalnymi: EMIT() coś ogłasza, ON() nasłuchuje, OFF() przestaje nasłuchiwać.
Przechowywanie danych w przeglądarce przez CACHE, PREF i COOKIES
Zachowuj wartości między wizytami przez CACHE (z wygasaniem), PREF (preferencje użytkownika) i COOKIES.
Współdzielenie ustawień przez ENV i składnię [key]
Rejestruj wartości przez ENV() i używaj ich w URL i konfiguracji komponentów za pomocą znacznika [key].
Ładowanie danych z trasy Total.js przez AJAX
Wywołaj trasę Total.js ze strony przez AJAX() i umieść odpowiedź w stanie jComponent.
Wywoływanie tras API Total.js przez API()
Użyj API(url, name, data, callback), aby wywoływać akcje endpointu ROUTE('API ...'), wraz z błędami walidacji.
Wgrywanie plików przez UPLOAD() z postępem
Wyślij FormData do trasy @upload Total.js przez UPLOAD() i śledź postęp.
Małe helpery: GUID, HASH, parseConfig, format i group
Używaj funkcji pomocniczych dodawanych przez jComponent: losowych id, hashy, napisów konfiguracji, formatowania tekstu i dat oraz grupowania.
Skróty stanu: INC, TOGGLE, NUL, UPDATE, UNWATCH, WAIT, BLOCKED i CACHEPATH
Małe funkcje, które zmieniają lub obserwują wartość stanu według jej ścieżki, czekają, aż wartość istnieje, uruchamiają coś tylko raz w okresie i trzymają wartość stanu w cache.
Pomocniki danych: QUERIFY, STRINGIFY, ENCRYPT, FN, CL, TRANSLATE, UNAUTHORIZED i Thelpers
Buduj ciągi zapytań, zapisuj JSON bez tego, czego nie chcesz, koduj wartość kluczem, kompiluj wyrażenie, ładuj listy wartości, tłumacz teksty, sprawdzaj uprawnienia i dodawaj pomocniki do szablonów.
Pomocniki DOM: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM i APPEARANCE
Czytaj atrybuty data, pytaj, czy element jest pokazany lub na ekranie, dodawaj style, które można zastąpić, przesuwaj elementy w rodzicu, aktualizuj listę bez ponownego rysowania i ustawiaj kolory oraz tryb ciemny strony.
Znajdowanie i wywoływanie komponentów i pluginów: FIND, COMPONENTS, SETTER, EXE, TAPI, MIDDLEWARE i ADAPT
Szukaj komponentów strony według nazwy lub ścieżki, wywołuj metodę wielu komponentów naraz, wywołuj funkcje po nazwie, używaj dwóch adresów API z TAPI i PIPE, uruchamiaj middleware przed trasą i zastępuj znaczniki w tekście.
Wysyłaj własne flagi ścieżek przez FLAGS
Wykonaj własne flagi, obserwuj ich zdarzenia i odróżniaj je od zmian modelu i zarezerwowanych flag stanu.