es
English
Slovenčina
Deutsch
Français
Italiano
Português
Polski
Čeština
Nederlands
Română
Magyar
Svenska
Ελληνικά
БългарскиjComponent 20 (frontend)
Componentes, plugins, enlace de datos y todo lo que se ejecuta en el navegador.
Primeros pasos con jComponent 20
Carga el bundle de jComponent, guarda un valor en el estado global y muéstralo con un elemento ui-bind.
Lee, cambia y observa el estado
Usa SET, GET, UPD, PUSH y WATCH para trabajar con el estado global y reaccionar cuando cambia un path.
Escribe un componente propio de jComponent
Registra un componente reutilizable con COMPONENT(), dibújalo en make(), reacciona a los cambios de estado en setter() y escribe con set().
Configura un componente y reconfigúralo después
Dale a un componente opciones por defecto, sobrescríbelas en el atributo config, reacciona en configure() y cámbialas en ejecución con reconfigure().
Ciclo de vida de un componente: make, setter y destroy
Sabe cuándo jComponent crea, actualiza y elimina un componente, y limpia temporizadores y oyentes en destroy().
Valida la entrada con el validate() de un componente
Implementa validate() en un componente, lee los estados invalid, touched y modified, y encuentra campos inválidos con ERRORS().
Prefixos de ruta: comunes, listas de código, estados temporales y pistas de plugin
El primer carácter de un camino jComponent elige donde vive el valor: * el estado común, # las listas de código, % el estado temporal, ? el estado del plugin y el plugin|Pasear una propiedad de un objeto plugin.
Carga una librería antes de que arranque un componente
Enumera scripts y estilos como dependencias de un componente para que jComponent los descargue una vez y arranque el componente después.
Extiende componentes y plugins con EXTENSION
Añade comportamiento a un componente existente desde fuera, sin editar su código fuente, con EXTENSION().
Muestra, oculta y da estilo a elementos con ui-bind
Usa los comandos de ui-bind para alternar visibilidad, clases y HTML desde el estado, sin escribir código del DOM.
Renderiza listas con una plantilla de ui-bind
Pon una plantilla Tangular dentro de ui-bind con el comando template para renderizar arrays y objetos cada vez que cambian los datos.
Más comandos de ui-bind: atributos, valores, estado y formato
Define HTML, atributos, valores de formulario, estado deshabilitado y un formato de texto desde el estado con comandos de ui-bind.
Referencia de ui-bind: cada comando, opción y atributo
Todos los comandos de ui-bind con lo que hace cada uno, las opciones que controlan cuando se ejecuta y los atributos que eligen el elemento objetivo.
Referencia de instancia de componente: propiedades y métodos de self
La declaración de un componente jComponent 20 y lo que su instancia (se) ofrece: propiedades, métodos de valor, ayudantes DOM, eventos, observadores y comandos.
Agrupa estado y lógica en un plugin de jComponent
Declara un plugin con PLUGIN() y asócialo a una parte de la página con ui-plugin, usando ? como su propio path.
Enruta páginas en el navegador sin recargar
Registra rutas en el cliente con ROUTE(), navega con REDIRECT(), lee los parámetros de la URL y la query string desde NAV y vuelve atrás en el historial.
Carga partes de una página con ui-import
Trae una parte HTML del servidor a un elemento con ui-import o IMPORT(), y deja que la parte lleve sus propios componentes.
Ejecuta código con comandos y EXEC
Registra comandos con component.command() y llámalos con CMD(), o llama a un método de un plugin con EXEC('plugin/method').
Envía eventos entre componentes con ON y EMIT
Desacopla partes de la página con eventos globales: EMIT() anuncia algo, ON() escucha, OFF() deja de escuchar.
Guarda datos en el navegador con CACHE, PREF y COOKIES
Conserva valores entre visitas con CACHE (con caducidad), PREF (preferencias del usuario) y COOKIES.
Comparte ajustes con ENV y la sintaxis [key]
Registra valores con ENV() y úsalos en URL y en la configuración de componentes con el marcador [key].
Carga datos desde una ruta de Total.js con AJAX
Llama a una ruta de Total.js desde la página con AJAX() y guarda la respuesta en el estado de jComponent.
Llama a rutas API de Total.js con API()
Usa API(url, name, data, callback) para llamar a las acciones de un endpoint ROUTE('API ...'), incluidos los errores de validación.
Sube ficheros con UPLOAD() y progreso
Envía un FormData a una ruta @upload de Total.js con UPLOAD() y sigue el progreso.
Pequeños helpers: GUID, HASH, parseConfig, format y group
Usa las funciones auxiliares que añade jComponent: ids aleatorios, hashes, cadenas de configuración, formateo de texto y fechas y agrupación.
Atajos del estado: INC, TOGGLE, NUL, UPDATE, UNWATCH, WAIT, BLOCKED y CACHEPATH
Funciones pequeñas que cambian o vigilan un valor del estado por su ruta, esperan hasta que exista un valor, ejecutan algo solo una vez por periodo y guardan un valor del estado en la caché.
Ayudantes de datos: QUERIFY, STRINGIFY, ENCRYPT, FN, CL, TRANSLATE, UNAUTHORIZED y Thelpers
Construye cadenas de consulta, escribe JSON sin lo que no quieres, codifica un valor con una clave, compila una expresión, carga listas de valores, traduce textos, comprueba permisos y añade ayudantes a las plantillas.
Ayudantes del DOM: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM y APPEARANCE
Lee atributos data, pregunta si un elemento se muestra o está en pantalla, añade estilos que puedes reemplazar, mueve elementos dentro de su padre, actualiza una lista sin redibujarla y define los colores y el modo oscuro de la página.
Buscar y llamar componentes y plugins: FIND, COMPONENTS, SETTER, EXE, TAPI, MIDDLEWARE y ADAPT
Busca los componentes de la página por nombre o ruta, llama a un método de varios componentes a la vez, llama a funciones por nombre, usa dos direcciones de API con TAPI y PIPE, ejecuta middleware antes de una ruta y reemplaza los marcadores de un texto.
Despacha flags de ruta personalizados con FLAGS
Ejecuta flags personalizados, observa sus eventos y distínguelos de los cambios del modelo y de los flags de estado reservados.