ForgeComponentes
es

Catálogo de componentes (jComponent 20)

Componentes de interfaz para jComponent 20, con opciones de configuración y ejemplos de uso.

RecetaEtiquetas

j-AjaxLoading

Este componente puede mostrar un texto de carga para operaciones asíncronas de AJAX.

component

j-Animation

Este componente puede animar elementos con la clase .animation.

component

j-Approve

j-Approve: fácil uso; semifallo

component

j-ASelected

El componente agrega la clase seleccionada a <un elemento si el atributo href del elemento contendrá la dirección URL del navegador web. Está dirigido a sitios web públicos.

component

j-Attachments

El componente muestra archivos adjuntos en la lista simple. Un usuario puede eliminar archivos adjuntos.

component

j-Audio

j-Audio: singleton; El componente puede reproducir y detener audio/sonido mp3.

component

j-AutoComplete

j-AutoComplete: funciona con <etiquetas de entrada únicamente; singleton

component

j-AutoDarkMode

El componente aplica automáticamente el modo oscuro según el sistema operativo.

component

j-AutoExec

Este componente ejecuta automáticamente un método definido en la opción exec.

component

j-AutoFill

El componente envuelve todos los elementos anidados en el elemento <form> con eventos de formulario deshabilitados.

component

j-AutoSelect

El componente agrega automáticamente la clase .selected de acuerdo con el selector class='autoselect' dentro de todo el documento HTML. Este componente es una solución perfecta para renderizado del lado del servidor y subseq.

component

j-Avatar

El componente Avatar necesita registrar su propio tema. Contiene el tema predeterminado.

component

j-BackToTop

j-BackToTop: funciona como singleton

component

j-Backup

El componente para guardar datos y cargarlos desde el almacenamiento local del navegador.

component

j-Banners

j-Banners: totalmente responsivo; animación CSS sencilla

component

j-BarChart

Revise un ejemplo y mantenga una fuente de datos.

component

j-Box

El componente admite la evaluación dinámica del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si se mostrará j-Form.

component

j-Breadcrumb

j-Breadcrumb: NUEVO: icono de flecha {String} (predeterminado: ti ti-angle-right)

component

j-Button

Un componente de botón simple con excelentes características.

component

j-Calendar

El componente debe llamarse manualmente o funciona con el cuadro de texto o el componente j-Input automáticamente. El componente es un singleton.

component

j-Carousel

j-Carousel: admite gestos táctiles (deslizar) y tamaño completo fijo en dispositivos móviles; aprender del ejemplo

component

j-Carousel2

Es un componente de carrusel simple optimizado para computadoras de escritorio y dispositivos móviles. Cada elemento debe estar incluido en el elemento <figure> (consulte el ejemplo).

component

j-Centered

La nueva versión de este componente admite la evaluación dinámica del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si el j-Fo

component

j-Checkbox

j-Checkbox opciones: requerido, etiqueta, deshabilitado, icono de verificación, revertir

component

j-Checkboxlist

j-Checkboxlist: para diseño personalizado puede utilizar j-CheckboxListExpert; ahora es compatible con el modo oscuro

component

j-CheckboxListExpert

Componente perfecto para checkboxlist con estilos personalizados. ¡Es un poco avanzado pero vale la pena!

component

j-CheckPath

j-CheckPath: Singleton; herramienta de desarrollo

component

j-Children

El componente representa los elementos que se pueden arrastrar como un árbol sin posibilidad de colapsar. La fuente de datos debe ser una matriz de objetos con el formato: {id: cadena, hijos: [], SUS PROPIEDADES}, {...}

component

j-Choose

El componente es una alternativa a CheckboxListExpert y RadioButtonListExpert.

component

j-ChunkyScroll

j-ChunkyScroll: puede manejar miles de artículos/elementos

component

j-Cl

El componente analiza los datos en línea definidos en el elemento del componente. Los datos se analizan al formato de lista de códigos.

component

j-ClBind

El componente lee un elemento con una fuente de datos vinculada. El componente admite la plantilla Tangular dentro del elemento (opcional). Como el valor se almacena en la variable {{ value.something }}.

component

j-Click

El componente llama a un método o puede establecer un valor según la ruta.

component

j-ClickBox

Este componente está optimizado para SEO. Lee todos los enlaces y crea un cuadro en el que se puede hacer clic. El componente resalta automáticamente un valor según el parámetro de URL.

component

j-Clipboard

j-Clipboard: Funciona como singleton; Utiliza navigator.clipboard.writeText() o document.execCommand('copy') como respaldo

component

j-ClipboardImage

Este componente captura imágenes automáticamente en el Portapapeles.

component

j-Clock

j-Clock: admite modo oscuro; solo funciona con Bootstrap Grid System (de lo contrario es necesario arreglar CSS)

component

j-CloudEditor

j-CloudEditor: funciona en el iframe; admite múltiples cursores (shift + cmd + flecha abajo/arriba)

component

j-CloudEditorSimple

Es una alternativa sencilla a j-CloudEditor. Puede especificar la configuración principal en la configuración y el valor es {String} (en j-CloudEditor la configuración es parte del valor).

component

j-Code

Es una alternativa sencilla a j-CloudEditor. Puede especificar la configuración principal en la configuración y el valor es {String} (en j-CloudEditor la configuración es parte del valor). Es el mismo componente a.

component

j-CodeMirror

j-CodeMirror: admite múltiples cursores (shift + cmd + flecha abajo/arriba); admite la búsqueda de texto seleccionado (cmd + d)

component

j-ColorPicker

j-ColorPicker: El componente es singleton; Selector de color sencillo

component

j-ColorPickerButton

j-ColorPickerButton: El componente es singleton; Soporta tema oscuro

component

j-ColorSelector

j-ColorSelector opciones: deshabilitado, requerido

component

j-Columns

El componente Columnas es una alternativa muy sencilla a j-Layout y j-Layout2. Con este componente puede configurar columnas con 100% de altura según sus necesidades.

component

j-Configuration

j-Configuration: admite modo oscuro; NUEVO: fuente de datos {String} opcional, una ruta a la fuente de datos para elementos de configuración

component

j-Confirm

j-Confirm: fácil uso; singleton

component

j-Console

j-Console: fácil uso; singleton

component

j-Console2

j-Console2: fácil uso; soporta el modo oscuro

component

j-ContentEditable

j-ContentEditable: fácil uso; admite excelentes funciones

component

j-ContentSlider

El siguiente código resuelve un problema con la representación del componente cuando el componente se muestra dinámicamente.

component

j-ContextMenu

Si el valor no está definido, entonces el componente usa el nombre como valor.

component

j-Controls

j-Controls: singleton

component

j-Cookie

j-Cookie: singleton; utiliza almacenamiento local

component

j-Cookie2

j-Cookie2: singleton; utiliza almacenamiento local

component

j-CountDown

El componente puede mostrar una acción cuando expira el tiempo.

component

j-Crop

j-Crop: zoom; arrastrar y soltar

component

j-Dashboard

El componente espera una matriz de objetos.

component

j-DataGrid

Esta cuadrícula fue creada para aplicaciones de una sola página y aplicaciones empresariales.

component

j-DataSource

El componente carga datos de la fuente externa a través del método AJAX() y vincula el valor de acuerdo con config.path.

component

j-DataTable

BETA: este componente está destinado a SPA y listado del lado del servidor.

component

j-DatePicker

El componente debe llamarse manualmente o funciona con el componente j-Input automáticamente. El componente es un singleton.

component

j-Detach

El componente puede separar/adjuntar todos los elementos secundarios (elementos HTML). Por ejemplo, si tiene elementos dentro de un panel, puede moverlos, por ejemplo, al j-Windows.

component

j-Detail

Este componente puede representar valores del modelo. Admite mapeo en línea: consulte el código fuente del ejemplo.

component

j-Developer

Este componente monitorea la aplicación de una sola página jComponent. Simplemente incluya el componente debajo del elemento <body>. Funciona sólo con jComponent +v18.

component

j-Diagram

j-Diagram opciones: padre, margen, marginxs, marginsm, marginmd, marginlg, reverso

component

j-Directory

Es un componente similar a j-Suggestion, pero tiene un diseño mejorado y admite funciones más útiles.

component

j-Display

El componente calcula el intervalo entre visualizaciones automáticamente. El tipo de pantalla predeterminado es lg.

component

j-Dockable

El componente acoplable espera una matriz de objetos.

component

j-DonutChart

j-DonutChart opciones: información sobre herramientas, formato, presentación, seleccionar, volver a dibujar, animar, tamaño, resaltar

component

j-DragDropElement

Al arrastrar, el evento muestra el modal dentro del elemento dado con texto. Suelte y suelte archivos aquí. Al mover archivos arrastrados lejos del elemento o al soltar archivos arrastrados, el modal se ocultará. También en la función ejecutiva de eventos de caída

component

j-DragDropFiles

j-DragDropFiles opciones: exec, clase, clic, aceptar

component

j-Draggable

Un componente simple que puede capturar la operación de arrastrar y soltar.

component

j-Drawer

j-Drawer: NUEVO: ancho {Número} un ancho predeterminado (predeterminado: 250); NUEVO: widthlg {Number} opcional, ancho para pantallas grandes

component

j-DrawZone

El componente puede dibujar una zona (polígono). Este componente utiliza la [biblioteca OpenLayers](https://openlayers.org/) con el motor de mapas [OpenStreetMap](https://www.openstreetmap.org/).

component

j-Dropdown

j-Dropdown opciones: obligatorio, elementos, icono, etiqueta, tipo, fuente de datos, texto, valor

component

j-DropdownCheckbox

j-DropdownCheckbox: NUEVO ahora admite el modo oscuro

component

j-DropdownList

j-DropdownList opciones: requerido, fuente de datos, límite, deshabilitado, marcador de posición, búsqueda de directorios, verificar

component

j-DropFiles

j-DropFiles: singleton; captura todos los archivos caídos en la ventana

component

j-Duplicator

VERSIÓN BETA. Este componente es un poco especial porque puede duplicar el mismo contenido varias veces con diferentes fuentes de datos. Imagen de algún editor de texto con pestañas en las que cada pestaña contiene diferencias

component

j-DynamicValue

Este componente es un componente muy especial. Puede mantener un valor, por ejemplo Número, y al mismo tiempo puede representar otro texto legible. Este componente está optimizado para uso dinámico, por lo que debe ser l

component

j-DynamicValueList

Este componente es un componente muy especial. Puede mantener valores, por ejemplo, Número y, al mismo tiempo, puede representar otro texto legible. Este componente está optimizado para uso dinámico, por lo que debe ser li

component

j-EAN13

El componente dibujará el código de barras EAN-13 según el valor de la ruta.

component

j-Edit

El componente habilita el atributo contenteditable para elementos con clases edit o edit2.

component

j-Editable

Este componente puede editar todos los elementos con clase editable. Funciona con valores dinámicos o de enlace de datos. Obtenga más información con el ejemplo.

component

j-ElementID

Este componente llena el atributo data-id con el valor leído de la ruta.

component

j-Emoji

j-Emoji: Uso de emoji UTF; Historia personal con emoticones de uso frecuente.

component

j-EmojiButton

j-EmojiButton: El componente es singleton; Soporta tema oscuro

component

j-Empty

j-Empty: NUEVA espera {Booleano} espera los datos (predeterminado: falso)

component

j-EmptyInline

El componente mostrará texto dentro del elemento si el valor está vacío o la matriz no contiene un elemento.

component

j-Enter

Este componente evalúa algún método si el usuario presiona enter. Importante: el componente encuentra todos los elementos de entrada y realiza CAN() para la ruta.

component

j-Enterbox

Un EnterBox sencillo. Cada valor debe confirmarse mediante la tecla Intro o haciendo clic en el botón.

component

j-Error

j-Error: fácil uso; Los errores se muestran solo si la ruta contiene una matriz en el siguiente formulario:

component

j-ErrorHandler

Este componente captura el activador del evento ON('ERROR', function(err) del método ERROR() e intenta mostrar el formulario de forma más cómoda.

component

j-Exec

El componente ejecuta un método cuando el usuario hace clic en el mismo elemento con la clase exec, exec2 o exec3. Más información está a continuación. El componente es un singleton y funciona para todo el HTML.

component

j-Expander

j-Expander: NUEVA altura {Número} a máx. altura (predeterminado: 150); NUEVO icono iconup {String} arriba (predeterminado: ti-angle-double-up)

component

j-ExpansionPanel

j-ExpansionPanel opciones: múltiple, icono, ID de datos, título, icono

component

j-Extend

Este componente es un componente específico con una potente funcionalidad. Cuando se evalúa el componente, ejecuta dos eventos en el siguiente formulario. El componente puede ser útil en aplicaciones web que

component

j-FaIcons

j-FaIcons: Íconos de fuentes impresionantes; singleton

component

j-FaIconsButton

j-FaIconsButton: utiliza j-FaIcons

component

j-FaviconUnread

j-FaviconUnread: NUEVA insignia {Booleana} opcional, habilita el uso de navigator.setAppBadge() (predeterminado: verdadero)

component

j-Features

j-Features: sólo para ordenadores de escritorio; semifallo

component

j-FeedbackButton

j-FeedbackButton: singleton; uso universal

component

j-FileBrowser

El componente abrirá un explorador de archivos y devolverá los archivos seleccionados.

component

j-FileReader

j-FileReader: singleton; fácil uso

component

j-FileSaver

Este componente es un contenedor para la [biblioteca FileSaver.js](https://github.com/eligrey/FileSaver.js/). Con este componente puede guardar fácilmente archivos generados localmente directamente en el navegador web.

component

j-FileUpload

Es un componente muy útil para cargar, p.e. fotos de perfil. Considero este componente como carga de archivos en línea. Mire la fuente html. El componente carga archivos a través de multipart/form-data.

component

j-FileUploader

Un componente simple para cargar archivos. Admite imágenes con cambio de tamaño automático.

component

j-FileUploadList

Este componente puede cargar archivos y el resultado se agrega al modelo. El modelo debe ser la matriz.

component

j-FixedModal

El contenido del j-FixedModal se divide en 3 partes: encabezado, cuerpo y pie de página. Cada parte debe estar definida. El componente agrega clases CSS a cada parte, por ejemplo, el primer div contendrá ui-fixedmodal

component

j-FloatingBox

j-FloatingBox: admite modo oscuro

component

j-FloatingInput

j-FloatingInput: singleton; soporta el modo oscuro

component

j-FloatingPanel

Puede combinar métodos con el componente j-Shortcuts.

component

j-FloatingSearch

Una entrada de búsqueda flotante simple. Utiliza una posición absoluta y está dirigido a la parte superior de las barras de herramientas porque puede superponerse a la barra de herramientas.

component

j-Flow

j-Flow: los identificadores no pueden contener caracteres; NUEVO onpause {String} una ruta al método fn(ruta, es), se ejecuta cuando la salida/entrada está en pausa

component

j-Folder

El componente puede representar un contenido como un explorador de archivos. La ruta debe tener la forma p.e. Directorio/Directorio/Archivo. Aprende del ejemplo.

component

j-FontAwesome

Un visor FontAwesome sencillo con búsqueda de texto completo. Admite una función reciente y responde.

component

j-FontAwesomeBox

Un visor FontAwesome sencillo con búsqueda de texto completo. Optimizado para jComponent +v17.

component

j-Form

La nueva versión de este componente admite la evaluación dinámica del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si el j-Fo

component

j-FormData

Con este componente puede enviar datos mediante el método POST/PUT/DELETE a la ventana actual u otra.

component

j-FormTab

j-FormTab: El componente mueve el contenido de este componente bajo la etiqueta <body> (debido al posicionamiento); El componente espera una matriz.

component

j-FullForm

El componente mueve el contenido de este componente bajo la etiqueta <body> (debido al posicionamiento) y admite la evaluación del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script

component

j-Gallery

j-Gallery: funciona con el sistema Bootstrap Grid; fácil uso

component

j-Gauge

j-Gauge opciones: decimales, formato, colores, texto, trazo

component

j-GPS

El componente intenta leer las coordenadas GPS.

component

j-Grid

Mostrar registros de tablas con filtros, pagos y una fuente de datos configurable.

component

j-HashChange

El componente captura todos los cambios de #hashtag en la dirección URL. Cuando cambia, emite hash de evento. El componente reacciona a los cambios reales.

component

j-HighlightSyntax

Resaltador de sintaxis simple con ayuda de Highlight.js.

component

j-Icons

j-Icons: Total.js Lista de iconos; singleton

component

j-IdleTime

Este componente emite el evento ON('idletime', function(is) {}) cuando el sitio web está inactivo. Reacciona al mouse, teclado, eventos táctiles o al enfoque de la ventana. Y el componente establece booleano según th

component

j-iFrame

El componente representa otra dirección URL (almacenada en el atributo de ruta) directamente en el iframe. El mayor beneficio es el cambio de tamaño automático del elemento iframe según el selector principal.

component

j-iFrameEditable

j-iFrameEditable: puede editar HTML de forma segura; La altura del iframe se cuenta automáticamente desde el cuerpo.

component

j-iFramePreview

j-iFramePreview: fácil uso para, por ejemplo. facturas, correos electrónicos o algunas otras vistas previas; puede renderizar HTML de forma segura

component

j-iFrameViewer

Este componente muestra una capa (sobre el contenido) con un iframe.

component

j-ImageUploader

Un componente singleton simple para cargar imágenes redimensionadas. El componente carga base64 según el esquema definido en las opciones de la persona que llama.

component

j-ImageViewer

j-ImageViewer: singleton; coloque el componente debajo de <elemento del cuerpo

component

j-ImportCSV

La salida de este componente es una matriz asignada. El componente utiliza el componente j-Directory.

component

j-Importer

j-Import es un excelente componente para importar plantillas, scripts o estilos HTML según la ruta y la condición. El componente puede ayudar con las aplicaciones SPA porque puede importar plantillas fácilmente,

component

j-InfiniteScroll

j-InfiniteScroll opciones: padre, margen, relleno, desplazamiento automático, ejecutivo

component

j-Info

j-Info: singleton; mostrar: SETTER('información', 'mostrar', opciones)

component

j-InfoWindows

El componente InfoWindows espera una matriz de objetos.

component

j-InlineDatePicker

j-InlineDatePicker opciones: requerido, primer día, hoy, días, meses, insignias, agregar

component

j-InlineForm

La nueva versión de este componente admite la evaluación dinámica del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si el j-In

component

j-InlineProperties

j-InlineProperties: fácil uso para diferentes casos; singleton

component

j-Input

j-Input es un componente de entrada multifuncional que admite muchas funciones y está optimizado para el uso diario. Es una gran alternativa a j-Textbox y j-Dropdown. Funciona sólo con jComponent +v17.

component

j-InputTags

j-InputTags: si licon o ricon comienza con ! entonces el componente representa un valor sin procesar en lugar de un icono

component

j-Intro

j-Intro: NUEVO: retrasa {Número} un retraso para el siguiente botón entre clics; NUEVO: nexticon {String} un ícono de hecho (predeterminado: ti ti-chevron-right)

component

j-IsOpen

j-IsOpen es un componente sencillo para mostrar los horarios de apertura. El componente admite fecha y hora de actualización automática.

component

j-JSONTree

j-JSONTree crea una vista de árbol a partir de datos json.

component

j-Kanban

Importante: cada elemento necesita su propio ID {String}, mire el ejemplo.

component

j-KeySelection

Este componente permite al usuario seleccionar algunos elementos con las teclas arriba/abajo y confirmar la selección con la tecla Intro.

component

j-KeyValue

Un componente simple para crear valores de pares clave/valor.

component

j-LargeForm

La nueva versión de este componente admite la evaluación dinámica del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si el j-Fo

component

j-Markdown

Este componente contiene únicamente el analizador Markdown.

component

j-Layer

j-Layer: Funciona con Bootstrap; NUEVO: el enfoque automático {Boolean/String} enfoca la primera entrada, área de texto (predeterminado: falso)

component

j-Layout

Hacer el maquetado es muy fácil y con muchas posibilidades. El diseño debe tener una estructura HTML propia. Mire el ejemplo. El siguiente ejemplo describe solo los metadatos del diseño.

component

j-Layout2

Hacer el diseño es muy fácil.

component

j-LazyContent

Este componente muestra contenido propio cuando está visible. Admite funciones útiles como volver a dibujar y ocultar.

component

j-LazyImages

El componente intenta encontrar todos los elementos <img con el atributo data-src='' y si el elemento es visible, el componente actualizará el atributo src='' con el valor del atributo data-src=''.

component

j-LazyLoad

j-LazyLoad: fácil uso; se puede utilizar para todo

component

j-Leaflet

Este componente utiliza la [biblioteca Leaflet](https://leafletjs.com/) con el motor de mapas [OpenStreetMap](https://www.openstreetmap.org/). El componente utiliza dependencias de terceros.

component

j-LineChart

Revise un ejemplo y mantenga una fuente de datos.

component

j-ListBox

j-ListBox: NUEVO modo oscuro; Funciona con Bootstrap

component

j-ListDetail

El componente divide el contenido en parte de listado y parte de detalle. La visualización de la parte detallada depende de la ruta {Boolean}.

component

j-ListForm

j-ListForm: NUEVO: retraso {Número} retraso inicial para mostrar detalles (predeterminado: 1000 ms); NUEVO: componente.add() abre un formulario para crear registros

component

j-Listing

j-Listing: fácil uso; funciona con todos los Arrays solo en el lado del cliente

component

j-ListMenu

Un componente ListMenu para elementos de lista personalizados. Necesitas darle estilo.

component

j-ListMenuEditable

Componente para menú de lista editable

component

j-LiveStats

j-LiveStats: admite modo oscuro; sensible

component

j-LoadContent

El componente carga un contenido de la plantilla <script type='text/html'> y lo agrega al elemento. Es una gran solución para contenido reutilizable. Aprende del ejemplo.

component

j-Loading

j-Loading: asigna automáticamente los flags @showloading y @hideloading; NUEVO: estilo {Number} un estilo de carga (predeterminado: 1)

component

j-Locale

Este componente establece la configuración regional actual del navegador (formato de número, formato de fecha y formato de hora) según el idioma de navegación.

component

j-MainProgress

Este componente es singleton. El componente es visible cuando el valor es mayor que 0 y menor que 100. El enlace de datos espera Número.

component

j-Map

j-Map: fácil uso; El enlace bidireccional funciona con GPS (por lo que el componente devuelve coordenadas GPS al modelo cuando se utiliza el texto en lugar de GPS)

component

j-MapZones

El componente para dibujar y mostrar zonas en el mapa. Este componente utiliza la biblioteca [OpenLayers](https://openlayers.org/) con el motor de mapas [OpenStreetMap](https://www.openstreetmap.org/). el co

component

j-MarkdownEditor

Este componente utiliza el editor https://simplemde.com/ para la edición de rebajas.

component

j-MarkdownPreview

Este componente depende del componente j-Markdown. Utiliza la biblioteca resaltada.js para resaltar la sintaxis.

component

j-Masonry

Un componente simple de mampostería. El componente representa una matriz según el tamaño de visualización de las columnas.

component

j-Menu

j-Menu: fácil uso para diferentes casos; funciona con toques

component

j-Message

j-Message: singleton; fácil uso

component

j-MinHeight

Este componente establece una altura mínima para el elemento principal (definido). El componente es útil para aplicaciones de intranet.

component

j-MiniForm

La nueva versión de este componente admite la evaluación dinámica del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si el j-Mi

component

j-MobileCarousel

Funciona únicamente con el sistema grid Bootstrap y en dispositivos móviles xs.

component

j-Modal

Es una alternativa sencilla a j-Form.

component

j-Modificator

Este componente puede modificar el comportamiento del elemento según el esquema predefinido. El componente se puede enganchar a un elemento del cuerpo (porque es singleton) y está optimizado para el rendimiento.

component

j-MonacoEditor

El componente representa [Monaco editor](https://microsoft.github.io/monaco-editor/).

component

j-MonthlyCalendar

Los nombres de mes y día se toman de las propiedades MESES y DÍAS definidas en la biblioteca jComponent.

component

j-Movable

El componente maneja elementos arrastrables similares y admite el movimiento entre sí. Cada elemento según el selector debe tener definido el atributo draggable='true'.

component

j-Movement

Este componente captura teclas básicas del teclado como flechas, enter y esc.

component

j-MultiOptions

El componente MultiOptions utiliza este esquema de color: <http://codepen.io/devi8/pen/lvIeh> y la siguiente declaración mostrará todos los colores en la configuración del widget.

component

j-NativeNotifications

j-NativeNotifications: fácil uso; singleton

component

j-Navigation

j-Navigation: un componente de navegación simple como Tree; fácil de personalizar

component

j-NavLayout

Un diseño de navegación simple y totalmente responsivo.

component

j-NoScrollbar

j-NoScrollbar: este componente es algo así como j-ViewBox sin barra de desplazamiento nativa/personalizada

component

j-NoSQLcounter

j-NoSQLcounter: fácil uso; la fuente de datos debe tener el formato: [{ id: 201702, año: 2017, mes: 2, valor: 1690 }]

component

j-Notifications

j-Notifications: fácil uso; semifallo

component

j-NotificationsPanel

j-NotificationsPanel: fácil uso; singleton

component

j-Notify

j-Notify: los errores se manejan automáticamente

component

j-NotifyBar

j-NotifyBar: singleton; mensaje de éxito SETTER('notifybar/success', 'MENSAJE')

component

j-ObjectEditor

j-ObjectEditor: NUEVO: exec {String} una ruta a la función (clave, valor) y se ejecuta si se cambia el valor

component

j-ObjectTree

Árbol de objetos expandible/colaborable.

component

j-Offline

Este componente muestra un cuadro de mensaje cuando no hay conexión a Internet.

component

j-OneTime

Este componente ejecuta un método solo una vez y espera a que caduque.

component

j-Packeta

Este componente permite a los clientes seleccionar un punto de recogida [Packeta](https://www.packeta.com/). Después de la selección, se recupera un objeto de punto de recogida completo, que se puede procesar mediante una función de devolución de llamada.

component

j-Page

Este componente puede manejar diferentes contenidos de forma asincrónica. El componente tiene la misma funcionalidad que j-Part. Si el elemento no contiene ningún contenido, el componente descarga el contenido de acuerdo

component

j-Pages

El componente es una mejor alternativa al componente j-Section. Como resultado, puede crear fácilmente una aplicación de varias páginas con carga dinámica de contenido cuando sea necesario. El resultado parece muy intuitivo para dispositivos móviles.

component

j-Panel

La nueva versión de este componente admite la evaluación dinámica del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si el j-Pa

component

j-Parameters

Este componente puede cambiar los parámetros internos.

component

j-Part

Este componente puede manejar diferentes contenidos de forma asincrónica. Si el elemento no contiene ningún contenido, el componente descarga el contenido de acuerdo con la URL definida en la configuración.

component

j-Parts

Este contenido puede manejar varias partes almacenadas en la matriz y centrarse en una parte específica. Simula algo así como pestañas del navegador.

component

j-PasswordMeter

Este componente evalúa la contraseña según la clasificación. La calificación se cuenta como un porcentaje: 100% = Fuerte, 50% = Bueno, 0% = Débil.

component

j-Paste

El componente captura el evento de pegado.

component

j-Period

El componente para elegir un período de tiempo.

component

j-Permissions

j-Permissions: - jComponent v19|v20; NUEVO: exec {String} opcional, ejecuta un método (path.to.method) cuando el usuario cambia el valor

component

j-Pictures

El componente muestra imágenes en una lista simple. Un usuario puede eliminar y reorganizar imágenes.

component

j-PictureUpload

j-PictureUpload: fácil uso; funciona con el sistema Bootstrap Grid

component

j-PictureUploadExpert

j-PictureUploadExpert: uso avanzado; soporte para arrastrar y soltar

component

j-Pin

Un sencillo creador de PIN.

component

j-Planner

Mostrar artículos programados en un planner.

component

j-Preview

Este componente cambia el tamaño de la imagen automáticamente según la configuración y la carga en el servidor en formato base64.

component

j-PriceRange

El componente almacena el valor como cadena 200-500, explicación: de-a.

component

j-Printer

El componente puede imprimir un contenido HTML.

component

j-Progress

j-Progress opciones: animar

component

j-Prompt

El componente (singleton) muestra una ventana de aviso con entrada de una o varias líneas.

component

j-Properties

El componente utiliza componentes j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker y j-FaIcons.

component

j-Properties2

El componente utiliza componentes j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker y j-Icons.

component

j-QRCode

Este componente crea un código QR. Incluye la [biblioteca QRCode](https://davidshimjs.github.io/qrcodejs/).

component

j-QRCodeGenerator

j-QRCodeGenerator: fácil uso; utiliza el servidor <http://goqr.me>

component

j-RadioButton

j-RadioButton: para diseño personalizado puede utilizar j-RadioButtonExpert; ahora puedes usar la fuente de datos

component

j-RadioButtonExpert

Componente perfecto para botón de radio con estilos personalizados. ¡Es un poco avanzado pero vale la pena!

component

j-Range

j-Range: admite modo oscuro

component

j-Rating

j-Rating: fácil uso

component

j-RawEditable

j-RawEditable es un componente simple con una gran funcionalidad oculta. Está destinado a una personalización adicional.

component

j-RawInput

j-RawInput es un componente de entrada simple con una gran funcionalidad oculta. Está destinado a una personalización adicional.

component

j-Ready

Este componente ejecuta algunas operaciones cuando está listo.

component

j-reCAPTCHA

Muestra una comprobación reCAPTCHA y vincula el token de respuesta al modelo.

component

j-Releaser

El componente puede liberar después de un tiempo contenido propio (DOM) + memoria. Recomendamos usarlo para j-DataGrid, j-CodeMirror, j-CloudEditor, etc.

component

j-Remember

El componente llama a una función dentro del intervalo de repetición. La información sobre la llamada anterior se almacena en localStorage.

component

j-Resource

Los recursos son una excelente solución para, p. traducir algunos textos en todos los scripts. El componente se puede agregar varias veces y todos los componentes usan un repositorio para almacenar claves y valores.

component

j-Restart

El componente es muy primitivo y sólo mostrará el contenido si el valor es positivo. Puede ser útil para aplicaciones de una sola página que cambian una versión en segundo plano y en el front-end.

component

j-Rows

El componente Filas es una alternativa muy sencilla a j-Layout y j-Layout2.

component

j-Rules

El componente puede crear reglas simples que puede transformar en algunos motores como Total.js Flow. El componente utiliza el componente j-Directory.

component

j-Scanner

El componente para escanear documentos.

component

j-Scrollbar

Barras de desplazamiento personalizadas. IMPORTANTE: envuelve el contenido actual agregando dos elementos div anidados con posición relativa. Funciona únicamente con jComponent v17.

component

j-ScrollPercentage

El componente debe adjuntarse al elemento que actuará como contenedor de desplazamiento. Para toda la ventana utilice el elemento body.

component

j-Search

Componente de búsqueda de texto completo simple. Este componente puede mostrar/ocultar elementos según la frase de búsqueda.

component

j-SearchBox

El componente contiene un cuadro de búsqueda (entrada).

component

j-SearchData

Este componente intenta filtrar datos según la frase de búsqueda.

component

j-SearchInput

Entrada de búsqueda personalizable.

component

j-Section

j-Section: mantiene un porcentaje de altura fijo; gran uso para aplicaciones de intranet

component

j-SelectBox

j-SelectBox: NUEVO {Booleano} sin formato (opcional) permite que HTML sin formato se represente como texto (predeterminado: falso)

component

j-Selected

El componente puede establecer una clase específica para un elemento específico según una condición simple.

component

j-Selection

El componente admite algo así como una lista de casillas de verificación.

component

j-ServerGrid

VERSIÓN BETA. Esta cuadrícula está diseñada para aplicaciones empresariales y de una sola página. Es una alternativa sencilla al mucho más potente j-DataGrid.

component

j-ServerList

VERSIÓN BETA. Este componente está diseñado para aplicaciones empresariales y de una sola página. Tiene casi la misma funcionalidad que el j-ServerGrid, pero brinda a los desarrolladores más libertad para crear sitios personalizados.

component

j-ServerListing

j-ServerListing: fácil uso; el segundo modelo $ contiene información sobre la fuente de datos {índice: Número, página: Número, páginas: Número, recuento: Número, valor: TUS DATOS}

component

j-ShoppingCart

j-ShoppingCart: singleton; apoya el descuento

component

j-Shortcuts

Este componente puede ayudar a crear atajos de teclado. El componente es singleton.

component

j-SingleUpload

Este componente funciona con el componente de carga (cuando el archivo se está cargando) y mensaje (cuando el servidor arroja un error).

component

j-Slider

Este control deslizante funciona sólo con el 100% del eje X. Salida: porcentaje (de 0 a 100).

component

j-SnackBar

j-SnackBar: singleton; mensaje de información SETTER('snackbar/show', 'MENSAJE', '[BUTTONLABEL]', [callbackdismiss])

component

j-Sounds

Este componente contiene algunos sonidos predefinidos como pitido, error, éxito, etc. La ruta contiene un control de volumen en porcentaje, 0 desactiva la reproducción.

component

j-SplashScreen

Una pantalla de presentación para aplicaciones de una sola página. El cuerpo debe estar incluido en la etiqueta <script type='text/html'>HTML</script>. El componente será destruido automáticamente.

component

j-Spotlight

j-Spotlight: singleton; funciona con el sistema Bootstrap Grid

component

j-Stash

El componente puede posponer elementos sin destruirlos ni separarlos del DOM. Este componente puede ayudarle con contenido dinámico desde el lado del servidor. Usamos el componente en el Total.js FlowStre

component

j-Stats12

j-Stats12 opciones: altura, máximo, borde, resaltado

component

j-Stats24

j-Stats24 opciones: altura, máximo, información sobre herramientas grande, información sobre herramientas, texto de información sobre herramientas, borde, resaltado

component

j-Stats7

j-Stats7 opciones: altura, máximo, borde, resaltado, primer día

component

j-StatsBarSimple

El componente debe tener una plantilla definida para representar contenido y una información sobre herramientas. Para comprenderlo, mire el ejemplo.

component

j-StatusInput

j-StatusInput: fácil uso para diferentes casos; soporta el modo oscuro

component

j-Sticker

j-Sticker: NUEVO: minheight {Number} una altura mínima del área de desplazamiento para aplicar clases

component

j-Suggestion

Si el valor no está definido, entonces el componente usa el nombre como valor.

component

j-SVGIcons

Este componente registra un nuevo componente web con el formato <ui-svgicon name='iconname'></ui-svgicon>.

component

j-Swiper

j-Swiper: contenedor para [biblioteca Swiper.js](https://swiperjs.com/); fácil uso

component

j-SwitchButton

j-SwitchButton opciones: requerido, deshabilitado, borde, alinear, descripción

component

j-Table

Descargar los registros en una tabla configurable.

component

j-TableGrid

El componente crea una cuadrícula de tabla simple (compuesta por elementos div) dividida por un borde simple que puede modificar.

component

j-TabMenu

j-TabMenu opciones: clase, selector, fuente de datos, deshabilitado, ejecutivo, attr

component

j-Tabs

j-Tabs opciones: icono, ID de datos, título, icono

component

j-Tagger

Tagger puede representar elementos en la matriz y cada elemento se puede eliminar.

component

j-Template

j-Template: cuando el modelo es nulo o no está definido, la plantilla estará oculta

component

j-Templates

Las plantillas deben definirse en el elemento <script type='text/html' data-name='NAMEOFTEMPLATE'>Tangular</script>. Este componente admite una plantilla especial llamada vacía que será visible si

component

j-Textarea

j-Textarea: NUEVO admite barra de desplazamiento oculta

component

j-Textbox

j-Textbox: NUEVA etiqueta interna {Booleana} opcional, habilita la etiqueta interna (valor predeterminado: verdadero)

component

j-TextboxList

j-TextboxList: El NUEVO elemento móvil {Booleano} permite cambiar la posición de los elementos existentes

component

j-Time

Este componente representa una hora actual.

component

j-TimePicker

El componente debe llamarse manualmente o funciona con el componente j-Input automáticamente. Este componente es un singleton.

component

j-Title

j-Title: fácil uso; semifallo

component

j-ToggleBox

ToggleBox puede reordenar u ocultar elementos en Array. El componente espera Array.

component

j-ToggleButton

Los iconos pueden tener la forma: círculo o ti ti-círculo.

component

j-ToggleMore

Es un componente simple para alternar contenido.

component

j-Tooltip

j-Tooltip: singleton; uso universal

component

j-TouchMove

Componente táctil simple para una fácil navegación táctil siguiente/anterior/arriba/abajo.

component

j-Tour

IMPORTANTE: Coloque este componente en la parte inferior del elemento de la carrocería.

component

j-Tree

Setter extiende automáticamente cada objeto agregando la propiedad .$pointer con un índice de árbol.

component

j-TreeView

Este componente es sólo una vista previa beta. Todavía está en construcción.

component

j-Typed

La configuración es la misma que [typed.js](https://github.com/mattboldt/typed.js#customization). La única diferencia es que todas las claves están en minúsculas. Esto es para mantener la coherencia con otros componentes. el encendido

component

j-UIBuilder

Este componente representa la aplicación diseñada mediante UI Builder. Puede cargar la aplicación a través de la ruta especificada en el componente o mediante la opción config.url. La ruta puede contener una dirección URL al JSO

component

j-Unsaved

j-Unsaved: fácil uso

component

j-Upload

El componente puede realizar la carga de archivos.

component

j-Validate

El componente contiene el mismo código fuente que el componente j-Validation.

component

j-Validation

El componente contiene el mismo código fuente que el componente j-Validate.

component

j-View

Este componente puede resultar útil para vistas reutilizables en aplicaciones de intranet. El componente envuelve la vista en el alcance aislado y el valor según la ruta del componente se utilizará como modelo para la v.

component

j-ViewBox

j-ViewBox: mantiene un porcentaje de altura fijo; gran uso para aplicaciones de intranet

component

j-VirtualWire

Este es un componente de interfaz de usuario muy especial que puede mover elementos de un elemento a otro según el selector y el valor de la ruta. Mire el ejemplo para comprenderlo.

component

j-Watch

El componente puede evaluar el método en el formulario función (valor, elemento, tipo, ruta) cuando se cambia el valor (según la ruta). El componente puede simplificar la observación de cambios en el modelo.

component

j-Watcher

Este componente ejecuta el código definido en la etiqueta <script type='text/js'></script>.

component

j-Wiki

Gran componente para Wiki/Documentación en línea.

component

j-Window

Una nueva versión de este componente admite la evaluación dinámica del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si el j-

component

j-Windows

El componente de Windows espera una matriz de objetos.

component

j-WizardExpert

Una solución sencilla para crear asistentes avanzados. El asistente descarga los pasos (como partes HTML) según el esquema. Los pasos están incluidos en ámbitos personalizados, por lo que están bajo validación.

component

j-Wysiwyg

j-Wysiwyg: admite modo oscuro

component

j-Xterm

El componente genera una salida/entrada de terminal directamente en el navegador web. IMPORTANTE: el ejemplo no funciona como esperaba, necesita una salida de terminal real.

component

j-PermissionsOP

Edite permisos de roles, grupos y usuarios para aplicaciones OpenPlatform.

component

j-UIStudio

Renderice una aplicación Flow UI Studio.

component

j-FlowEditor

Abra el diseñador de flujo para un punto final FlowStream WebSocket.

component

j-UIEditor

Abra UI Builder y reciba diseños guardados.

component

j-ServiceWorker

Almacenar en caché los activos de SPA y un respaldo fuera de línea con un trabajador de servicio.

component

j-Paper

Edite contenido enriquecido como una lista de widgets.

component

j-Changer

Realice un seguimiento de los cambios en un valor de modelo para la validación del formulario.

component

j-WebSocket

Envíe y reciba mensajes JSON a través de una reconexión WebSocket.

component