ForgejComponent
bg

jComponent 20 (frontend)

Компоненти, плъгини, свързване на данни и всичко, което се изпълнява в браузъра.

РецептаЕтикети

Първи стъпки с jComponent 20

Заредете пакета на jComponent, задайте стойност в глобалното състояние и я покажете с елемент ui-bind.

jcomponentfrontendbinding

Четене, промяна и наблюдение на състоянието

Използвайте SET, GET, UPD, PUSH и WATCH, за да работите с глобалното състояние и да реагирате, когато път се промени.

jcomponentfrontendstate

Писане на собствен компонент на jComponent

Регистрирайте компонент за многократна употреба с COMPONENT(), изобразявайте го в make(), реагирайте на промени в състоянието в setter() и записвайте обратно със set().

jcomponentfrontendcomponents

Конфигуриране на компонент и последващо прекофигуриране

Дайте на компонента опции по подразбиране, заменете ги в атрибута config, реагирайте в configure() и ги променяйте по време на изпълнение с reconfigure().

jcomponentfrontendcomponents

Жизнен цикъл на компонент: make, setter и destroy

Знайте кога jComponent създава, обновява и премахва компонент, и почиствайте таймери и слушатели в destroy().

jcomponentfrontendcomponents

Валидиране на вход с validate() на компонент

Реализирайте validate() в компонент, четете състоянията invalid, touched и modified и намирайте невалидни полета с ERRORS().

jcomponentfrontendvalidationforms

Пътища: общи, списъци с кодове, временни състояния и плъгини пътеки

Първият характер на jComponent Пътят избира мястото, където живее стойността: * общото състояние, # списъците с кодове, % временното състояние, ?|Пътят е собственост на плагин обект.

jcomponentfrontendpathsstate

Зареждане на библиотека, преди да стартира компонент

Изброете скриптове и стилове като зависимости на компонент, за да ги изтегли jComponent веднъж и да стартира компонента след това.

jcomponentfrontendcomponentsdependencies

Разширяване на компоненти и плъгини с EXTENSION

Добавяйте поведение на съществуващ компонент отвън, без да редактирате изходния му код, с EXTENSION().

jcomponentfrontendcomponents

Показване, скриване и стилизиране на елементи с ui-bind

Използвайте команди на ui-bind, за да превключвате видимост, класове и HTML от състоянието, без да пишете DOM код.

jcomponentfrontendbinding

Изобразяване на списъци с шаблон на ui-bind

Поставете Tangular шаблон в ui-bind с командата template, за да изобразявате масиви и обекти всеки път, когато данните се променят.

jcomponentfrontendbindingtemplates

Още команди на ui-bind: атрибути, стойности, състояние и форматиране

Задавайте HTML, атрибути, стойности на форми, забранено състояние и формат на текст от състоянието с команди на ui-bind.

jcomponentfrontendbinding

ui-bind референт: всяка команда, опция и атрибут

Всички команди на ui-bind с това, което всеки прави, опциите, които контролират, когато той работи, и атрибутите, които избират целевия елемент.

jcomponentfrontendbindingreference

Компонентна референция: свойства и методи на себе си

Декларацията на компонента jComponent 20 и това, което неговата инстанция (само) предлага: свойства, методи за стойност, помощници на DOM, събития, наблюдатели и команди.

jcomponentfrontendcomponentsreference

Групиране на състояние и логика в плъгин на jComponent

Декларирайте плъгин с PLUGIN() и го прикрепете към част от страницата с ui-plugin, като използвате ? като негов собствен път.

jcomponentfrontendplugins

Маршрутизиране на страници в браузъра без презареждане

Регистрирайте маршрути от страна на клиента с ROUTE(), навигирайте с REDIRECT(), четете параметрите на URL и query string от NAV и се връщайте назад в историята.

jcomponentfrontendroutingspa

Зареждане на части от страница с ui-import

Дръпнете HTML част от сървъра в елемент с ui-import или IMPORT() и оставете частта да носи собствени компоненти.

jcomponentfrontendimport

Извикване на код с команди и EXEC

Регистрирайте команди с component.command() и ги извиквайте с CMD(), или извиквайте метод на плъгин с EXEC('plugin/method').

jcomponentfrontendcommands

Изпращане на събития между компоненти с ON и EMIT

Разделяйте части от страницата с глобални събития: EMIT() обявява нещо, ON() слуша, OFF() спира да слуша.

jcomponentfrontendevents

Съхранение на данни в браузъра с CACHE, PREF и COOKIES

Запазвайте стойности между посещенията с CACHE (със срок), PREF (потребителски предпочитания) и COOKIES.

jcomponentfrontendstorage

Споделяне на настройки с ENV и синтаксиса [key]

Регистрирайте стойности с ENV() и ги използвайте в URL адреси и в конфигурацията на компоненти със заместителя [key].

jcomponentfrontendconfig

Зареждане на данни от маршрут на Total.js с AJAX

Извикайте маршрут на Total.js от страницата с AJAX() и поставете отговора в състоянието на jComponent.

jcomponentfrontendajaxrouting

Извикване на API маршрути на Total.js с API()

Използвайте API(url, name, data, callback), за да извиквате действията на крайна точка ROUTE('API ...'), включително грешките при валидиране.

jcomponentfrontendajaxapi

Качване на файлове с UPLOAD() и напредък

Изпратете FormData към маршрут @upload на Total.js с UPLOAD() и следете напредъка.

jcomponentfrontenduploadfiles

Малки helper функции: GUID, HASH, parseConfig, format и group

Използвайте помощните функции, които добавя jComponent: случайни id, хешове, конфигурационни низове, форматиране на текст и дати и групиране.

jcomponentfrontendutilities

Преки пътища за състоянието: INC, TOGGLE, NUL, UPDATE, UNWATCH, WAIT, BLOCKED и CACHEPATH

Малки функции, които променят или наблюдават стойност на състоянието по нейния път, чакат, докато съществува стойност, изпълняват нещо само веднъж за период и държат стойност на състоянието в кеша.

jcomponentfrontendstateutilities

Помощници за данни: QUERIFY, STRINGIFY, ENCRYPT, FN, CL, TRANSLATE, UNAUTHORIZED и Thelpers

Изграждайте низове на заявки, пишете JSON без това, което не искате, кодирайте стойност с ключ, компилирайте израз, зареждайте списъци със стойности, превеждайте текстове, проверявайте права и добавяйте помощници към шаблоните.

jcomponentfrontendutilitiestemplates

DOM помощници: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM и APPEARANCE

Четете data атрибути, питайте дали елемент е показан или на екрана, добавяйте стилове, които можете да замените, местете елементи в техния родител, обновявайте списък без прерисуване и задавайте цветовете и тъмния режим на страницата.

jcomponentfrontenddomutilities

Намиране и извикване на компоненти и плъгини: FIND, COMPONENTS, SETTER, EXE, TAPI, MIDDLEWARE и ADAPT

Търсете компонентите на страницата по име или път, извиквайте метод на няколко компонента наведнъж, извиквайте функции по име, използвайте два API адреса с TAPI и PIPE, изпълнявайте middleware преди маршрут и заменяйте маркерите на текст.

jcomponentfrontendcomponentsapi

Изпращайте собствени флагове на пътища с FLAGS

Изпълнете собствени флагове, наблюдавайте техните събития и ги разграничавайте от промените на модела и резервираните флагове за състояние.

jcomponentflagseventspaths