jComponent 20 (frontend)
Компоненти, плъгини, свързване на данни и всичко, което се изпълнява в браузъра.
Първи стъпки с jComponent 20
Заредете пакета на jComponent, задайте стойност в глобалното състояние и я покажете с елемент ui-bind.
Четене, промяна и наблюдение на състоянието
Използвайте SET, GET, UPD, PUSH и WATCH, за да работите с глобалното състояние и да реагирате, когато път се промени.
Писане на собствен компонент на jComponent
Регистрирайте компонент за многократна употреба с COMPONENT(), изобразявайте го в make(), реагирайте на промени в състоянието в setter() и записвайте обратно със set().
Конфигуриране на компонент и последващо прекофигуриране
Дайте на компонента опции по подразбиране, заменете ги в атрибута config, реагирайте в configure() и ги променяйте по време на изпълнение с reconfigure().
Жизнен цикъл на компонент: make, setter и destroy
Знайте кога jComponent създава, обновява и премахва компонент, и почиствайте таймери и слушатели в destroy().
Валидиране на вход с validate() на компонент
Реализирайте validate() в компонент, четете състоянията invalid, touched и modified и намирайте невалидни полета с ERRORS().
Пътища: общи, списъци с кодове, временни състояния и плъгини пътеки
Първият характер на jComponent Пътят избира мястото, където живее стойността: * общото състояние, # списъците с кодове, % временното състояние, ?|Пътят е собственост на плагин обект.
Зареждане на библиотека, преди да стартира компонент
Изброете скриптове и стилове като зависимости на компонент, за да ги изтегли jComponent веднъж и да стартира компонента след това.
Разширяване на компоненти и плъгини с EXTENSION
Добавяйте поведение на съществуващ компонент отвън, без да редактирате изходния му код, с EXTENSION().
Показване, скриване и стилизиране на елементи с ui-bind
Използвайте команди на ui-bind, за да превключвате видимост, класове и HTML от състоянието, без да пишете DOM код.
Изобразяване на списъци с шаблон на ui-bind
Поставете Tangular шаблон в ui-bind с командата template, за да изобразявате масиви и обекти всеки път, когато данните се променят.
Още команди на ui-bind: атрибути, стойности, състояние и форматиране
Задавайте HTML, атрибути, стойности на форми, забранено състояние и формат на текст от състоянието с команди на ui-bind.
ui-bind референт: всяка команда, опция и атрибут
Всички команди на ui-bind с това, което всеки прави, опциите, които контролират, когато той работи, и атрибутите, които избират целевия елемент.
Компонентна референция: свойства и методи на себе си
Декларацията на компонента jComponent 20 и това, което неговата инстанция (само) предлага: свойства, методи за стойност, помощници на DOM, събития, наблюдатели и команди.
Групиране на състояние и логика в плъгин на jComponent
Декларирайте плъгин с PLUGIN() и го прикрепете към част от страницата с ui-plugin, като използвате ? като негов собствен път.
Маршрутизиране на страници в браузъра без презареждане
Регистрирайте маршрути от страна на клиента с ROUTE(), навигирайте с REDIRECT(), четете параметрите на URL и query string от NAV и се връщайте назад в историята.
Зареждане на части от страница с ui-import
Дръпнете HTML част от сървъра в елемент с ui-import или IMPORT() и оставете частта да носи собствени компоненти.
Извикване на код с команди и EXEC
Регистрирайте команди с component.command() и ги извиквайте с CMD(), или извиквайте метод на плъгин с EXEC('plugin/method').
Изпращане на събития между компоненти с ON и EMIT
Разделяйте части от страницата с глобални събития: EMIT() обявява нещо, ON() слуша, OFF() спира да слуша.
Съхранение на данни в браузъра с CACHE, PREF и COOKIES
Запазвайте стойности между посещенията с CACHE (със срок), PREF (потребителски предпочитания) и COOKIES.
Споделяне на настройки с ENV и синтаксиса [key]
Регистрирайте стойности с ENV() и ги използвайте в URL адреси и в конфигурацията на компоненти със заместителя [key].
Зареждане на данни от маршрут на Total.js с AJAX
Извикайте маршрут на Total.js от страницата с AJAX() и поставете отговора в състоянието на jComponent.
Извикване на API маршрути на Total.js с API()
Използвайте API(url, name, data, callback), за да извиквате действията на крайна точка ROUTE('API ...'), включително грешките при валидиране.
Качване на файлове с UPLOAD() и напредък
Изпратете FormData към маршрут @upload на Total.js с UPLOAD() и следете напредъка.
Малки helper функции: GUID, HASH, parseConfig, format и group
Използвайте помощните функции, които добавя jComponent: случайни id, хешове, конфигурационни низове, форматиране на текст и дати и групиране.
Преки пътища за състоянието: INC, TOGGLE, NUL, UPDATE, UNWATCH, WAIT, BLOCKED и CACHEPATH
Малки функции, които променят или наблюдават стойност на състоянието по нейния път, чакат, докато съществува стойност, изпълняват нещо само веднъж за период и държат стойност на състоянието в кеша.
Помощници за данни: QUERIFY, STRINGIFY, ENCRYPT, FN, CL, TRANSLATE, UNAUTHORIZED и Thelpers
Изграждайте низове на заявки, пишете JSON без това, което не искате, кодирайте стойност с ключ, компилирайте израз, зареждайте списъци със стойности, превеждайте текстове, проверявайте права и добавяйте помощници към шаблоните.
DOM помощници: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM и APPEARANCE
Четете data атрибути, питайте дали елемент е показан или на екрана, добавяйте стилове, които можете да замените, местете елементи в техния родител, обновявайте списък без прерисуване и задавайте цветовете и тъмния режим на страницата.
Намиране и извикване на компоненти и плъгини: FIND, COMPONENTS, SETTER, EXE, TAPI, MIDDLEWARE и ADAPT
Търсете компонентите на страницата по име или път, извиквайте метод на няколко компонента наведнъж, извиквайте функции по име, използвайте два API адреса с TAPI и PIPE, изпълнявайте middleware преди маршрут и заменяйте маркерите на текст.
Изпращайте собствени флагове на пътища с FLAGS
Изпълнете собствени флагове, наблюдавайте техните събития и ги разграничавайте от промените на модела и резервираните флагове за състояние.