Catálogo de componentes (jComponent 20)
Componentes de interfaz para jComponent 20, con opciones de configuración y ejemplos de uso.
j-AjaxLoading
Este componente puede mostrar un texto de carga para operaciones asíncronas de AJAX.
j-Animation
Este componente puede animar elementos con la clase .animation.
j-Approve
j-Approve: fácil uso; semifallo
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.
j-Attachments
El componente muestra archivos adjuntos en la lista simple. Un usuario puede eliminar archivos adjuntos.
j-Audio
j-Audio: singleton; El componente puede reproducir y detener audio/sonido mp3.
j-AutoComplete
j-AutoComplete: funciona con <etiquetas de entrada únicamente; singleton
j-AutoDarkMode
El componente aplica automáticamente el modo oscuro según el sistema operativo.
j-AutoExec
Este componente ejecuta automáticamente un método definido en la opción exec.
j-AutoFill
El componente envuelve todos los elementos anidados en el elemento <form> con eventos de formulario deshabilitados.
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.
j-Avatar
El componente Avatar necesita registrar su propio tema. Contiene el tema predeterminado.
j-BackToTop
j-BackToTop: funciona como singleton
j-Backup
El componente para guardar datos y cargarlos desde el almacenamiento local del navegador.
j-Banners
j-Banners: totalmente responsivo; animación CSS sencilla
j-BarChart
Revise un ejemplo y mantenga una fuente de datos.
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.
j-Breadcrumb
j-Breadcrumb: NUEVO: icono de flecha {String} (predeterminado: ti ti-angle-right)
j-Button
Un componente de botón simple con excelentes características.
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.
j-Carousel
j-Carousel: admite gestos táctiles (deslizar) y tamaño completo fijo en dispositivos móviles; aprender del ejemplo
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).
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
j-Checkbox
j-Checkbox opciones: requerido, etiqueta, deshabilitado, icono de verificación, revertir
j-Checkboxlist
j-Checkboxlist: para diseño personalizado puede utilizar j-CheckboxListExpert; ahora es compatible con el modo oscuro
j-CheckboxListExpert
Componente perfecto para checkboxlist con estilos personalizados. ¡Es un poco avanzado pero vale la pena!
j-CheckPath
j-CheckPath: Singleton; herramienta de desarrollo
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}, {...}
j-Choose
El componente es una alternativa a CheckboxListExpert y RadioButtonListExpert.
j-ChunkyScroll
j-ChunkyScroll: puede manejar miles de artículos/elementos
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.
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 }}.
j-Click
El componente llama a un método o puede establecer un valor según la ruta.
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.
j-Clipboard
j-Clipboard: Funciona como singleton; Utiliza navigator.clipboard.writeText() o document.execCommand('copy') como respaldo
j-ClipboardImage
Este componente captura imágenes automáticamente en el Portapapeles.
j-Clock
j-Clock: admite modo oscuro; solo funciona con Bootstrap Grid System (de lo contrario es necesario arreglar CSS)
j-CloudEditor
j-CloudEditor: funciona en el iframe; admite múltiples cursores (shift + cmd + flecha abajo/arriba)
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).
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.
j-CodeMirror
j-CodeMirror: admite múltiples cursores (shift + cmd + flecha abajo/arriba); admite la búsqueda de texto seleccionado (cmd + d)
j-ColorPicker
j-ColorPicker: El componente es singleton; Selector de color sencillo
j-ColorPickerButton
j-ColorPickerButton: El componente es singleton; Soporta tema oscuro
j-ColorSelector
j-ColorSelector opciones: deshabilitado, requerido
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.
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
j-Confirm
j-Confirm: fácil uso; singleton
j-Console
j-Console: fácil uso; singleton
j-Console2
j-Console2: fácil uso; soporta el modo oscuro
j-ContentEditable
j-ContentEditable: fácil uso; admite excelentes funciones
j-ContentSlider
El siguiente código resuelve un problema con la representación del componente cuando el componente se muestra dinámicamente.
j-ContextMenu
Si el valor no está definido, entonces el componente usa el nombre como valor.
j-Controls
j-Controls: singleton
j-Cookie
j-Cookie: singleton; utiliza almacenamiento local
j-Cookie2
j-Cookie2: singleton; utiliza almacenamiento local
j-CountDown
El componente puede mostrar una acción cuando expira el tiempo.
j-Crop
j-Crop: zoom; arrastrar y soltar
j-Dashboard
El componente espera una matriz de objetos.
j-DataGrid
Esta cuadrícula fue creada para aplicaciones de una sola página y aplicaciones empresariales.
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.
j-DataTable
BETA: este componente está destinado a SPA y listado del lado del servidor.
j-DatePicker
El componente debe llamarse manualmente o funciona con el componente j-Input automáticamente. El componente es un singleton.
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.
j-Detail
Este componente puede representar valores del modelo. Admite mapeo en línea: consulte el código fuente del ejemplo.
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.
j-Diagram
j-Diagram opciones: padre, margen, marginxs, marginsm, marginmd, marginlg, reverso
j-Directory
Es un componente similar a j-Suggestion, pero tiene un diseño mejorado y admite funciones más útiles.
j-Display
El componente calcula el intervalo entre visualizaciones automáticamente. El tipo de pantalla predeterminado es lg.
j-Dockable
El componente acoplable espera una matriz de objetos.
j-DonutChart
j-DonutChart opciones: información sobre herramientas, formato, presentación, seleccionar, volver a dibujar, animar, tamaño, resaltar
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
j-DragDropFiles
j-DragDropFiles opciones: exec, clase, clic, aceptar
j-Draggable
Un componente simple que puede capturar la operación de arrastrar y soltar.
j-Drawer
j-Drawer: NUEVO: ancho {Número} un ancho predeterminado (predeterminado: 250); NUEVO: widthlg {Number} opcional, ancho para pantallas grandes
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/).
j-Dropdown
j-Dropdown opciones: obligatorio, elementos, icono, etiqueta, tipo, fuente de datos, texto, valor
j-DropdownCheckbox
j-DropdownCheckbox: NUEVO ahora admite el modo oscuro
j-DropdownList
j-DropdownList opciones: requerido, fuente de datos, límite, deshabilitado, marcador de posición, búsqueda de directorios, verificar
j-DropFiles
j-DropFiles: singleton; captura todos los archivos caídos en la ventana
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
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
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
j-EAN13
El componente dibujará el código de barras EAN-13 según el valor de la ruta.
j-Edit
El componente habilita el atributo contenteditable para elementos con clases edit o edit2.
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.
j-ElementID
Este componente llena el atributo data-id con el valor leído de la ruta.
j-Emoji
j-Emoji: Uso de emoji UTF; Historia personal con emoticones de uso frecuente.
j-EmojiButton
j-EmojiButton: El componente es singleton; Soporta tema oscuro
j-Empty
j-Empty: NUEVA espera {Booleano} espera los datos (predeterminado: falso)
j-EmptyInline
El componente mostrará texto dentro del elemento si el valor está vacío o la matriz no contiene un elemento.
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.
j-Enterbox
Un EnterBox sencillo. Cada valor debe confirmarse mediante la tecla Intro o haciendo clic en el botón.
j-Error
j-Error: fácil uso; Los errores se muestran solo si la ruta contiene una matriz en el siguiente formulario:
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.
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.
j-Expander
j-Expander: NUEVA altura {Número} a máx. altura (predeterminado: 150); NUEVO icono iconup {String} arriba (predeterminado: ti-angle-double-up)
j-ExpansionPanel
j-ExpansionPanel opciones: múltiple, icono, ID de datos, título, icono
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
j-FaIcons
j-FaIcons: Íconos de fuentes impresionantes; singleton
j-FaIconsButton
j-FaIconsButton: utiliza j-FaIcons
j-FaviconUnread
j-FaviconUnread: NUEVA insignia {Booleana} opcional, habilita el uso de navigator.setAppBadge() (predeterminado: verdadero)
j-Features
j-Features: sólo para ordenadores de escritorio; semifallo
j-FeedbackButton
j-FeedbackButton: singleton; uso universal
j-FileBrowser
El componente abrirá un explorador de archivos y devolverá los archivos seleccionados.
j-FileReader
j-FileReader: singleton; fácil uso
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.
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.
j-FileUploader
Un componente simple para cargar archivos. Admite imágenes con cambio de tamaño automático.
j-FileUploadList
Este componente puede cargar archivos y el resultado se agrega al modelo. El modelo debe ser la matriz.
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
j-FloatingBox
j-FloatingBox: admite modo oscuro
j-FloatingInput
j-FloatingInput: singleton; soporta el modo oscuro
j-FloatingPanel
Puede combinar métodos con el componente j-Shortcuts.
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.
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
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.
j-FontAwesome
Un visor FontAwesome sencillo con búsqueda de texto completo. Admite una función reciente y responde.
j-FontAwesomeBox
Un visor FontAwesome sencillo con búsqueda de texto completo. Optimizado para jComponent +v17.
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
j-FormData
Con este componente puede enviar datos mediante el método POST/PUT/DELETE a la ventana actual u otra.
j-FormTab
j-FormTab: El componente mueve el contenido de este componente bajo la etiqueta <body> (debido al posicionamiento); El componente espera una matriz.
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
j-Gallery
j-Gallery: funciona con el sistema Bootstrap Grid; fácil uso
j-Gauge
j-Gauge opciones: decimales, formato, colores, texto, trazo
j-GPS
El componente intenta leer las coordenadas GPS.
j-Grid
Mostrar registros de tablas con filtros, pagos y una fuente de datos configurable.
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.
j-HighlightSyntax
Resaltador de sintaxis simple con ayuda de Highlight.js.
j-Icons
j-Icons: Total.js Lista de iconos; singleton
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
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.
j-iFrameEditable
j-iFrameEditable: puede editar HTML de forma segura; La altura del iframe se cuenta automáticamente desde el cuerpo.
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
j-iFrameViewer
Este componente muestra una capa (sobre el contenido) con un iframe.
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.
j-ImageViewer
j-ImageViewer: singleton; coloque el componente debajo de <elemento del cuerpo
j-ImportCSV
La salida de este componente es una matriz asignada. El componente utiliza el componente j-Directory.
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,
j-InfiniteScroll
j-InfiniteScroll opciones: padre, margen, relleno, desplazamiento automático, ejecutivo
j-Info
j-Info: singleton; mostrar: SETTER('información', 'mostrar', opciones)
j-InfoWindows
El componente InfoWindows espera una matriz de objetos.
j-InlineDatePicker
j-InlineDatePicker opciones: requerido, primer día, hoy, días, meses, insignias, agregar
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
j-InlineProperties
j-InlineProperties: fácil uso para diferentes casos; singleton
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.
j-InputTags
j-InputTags: si licon o ricon comienza con ! entonces el componente representa un valor sin procesar en lugar de un icono
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)
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.
j-JSONTree
j-JSONTree crea una vista de árbol a partir de datos json.
j-Kanban
Importante: cada elemento necesita su propio ID {String}, mire el ejemplo.
j-KeySelection
Este componente permite al usuario seleccionar algunos elementos con las teclas arriba/abajo y confirmar la selección con la tecla Intro.
j-KeyValue
Un componente simple para crear valores de pares clave/valor.
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
j-Markdown
Este componente contiene únicamente el analizador Markdown.
j-Layer
j-Layer: Funciona con Bootstrap; NUEVO: el enfoque automático {Boolean/String} enfoca la primera entrada, área de texto (predeterminado: falso)
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.
j-Layout2
Hacer el diseño es muy fácil.
j-LazyContent
Este componente muestra contenido propio cuando está visible. Admite funciones útiles como volver a dibujar y ocultar.
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=''.
j-LazyLoad
j-LazyLoad: fácil uso; se puede utilizar para todo
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.
j-LineChart
Revise un ejemplo y mantenga una fuente de datos.
j-ListBox
j-ListBox: NUEVO modo oscuro; Funciona con Bootstrap
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}.
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
j-Listing
j-Listing: fácil uso; funciona con todos los Arrays solo en el lado del cliente
j-ListMenu
Un componente ListMenu para elementos de lista personalizados. Necesitas darle estilo.
j-ListMenuEditable
Componente para menú de lista editable
j-LiveStats
j-LiveStats: admite modo oscuro; sensible
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.
j-Loading
j-Loading: asigna automáticamente los flags @showloading y @hideloading; NUEVO: estilo {Number} un estilo de carga (predeterminado: 1)
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.
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.
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)
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
j-MarkdownEditor
Este componente utiliza el editor https://simplemde.com/ para la edición de rebajas.
j-MarkdownPreview
Este componente depende del componente j-Markdown. Utiliza la biblioteca resaltada.js para resaltar la sintaxis.
j-Masonry
Un componente simple de mampostería. El componente representa una matriz según el tamaño de visualización de las columnas.
j-Menu
j-Menu: fácil uso para diferentes casos; funciona con toques
j-Message
j-Message: singleton; fácil uso
j-MinHeight
Este componente establece una altura mínima para el elemento principal (definido). El componente es útil para aplicaciones de intranet.
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
j-MobileCarousel
Funciona únicamente con el sistema grid Bootstrap y en dispositivos móviles xs.
j-Modal
Es una alternativa sencilla a j-Form.
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.
j-MonacoEditor
El componente representa [Monaco editor](https://microsoft.github.io/monaco-editor/).
j-MonthlyCalendar
Los nombres de mes y día se toman de las propiedades MESES y DÍAS definidas en la biblioteca jComponent.
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'.
j-Movement
Este componente captura teclas básicas del teclado como flechas, enter y esc.
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.
j-NativeNotifications
j-NativeNotifications: fácil uso; singleton
j-Navigation
j-Navigation: un componente de navegación simple como Tree; fácil de personalizar
j-NavLayout
Un diseño de navegación simple y totalmente responsivo.
j-NoScrollbar
j-NoScrollbar: este componente es algo así como j-ViewBox sin barra de desplazamiento nativa/personalizada
j-NoSQLcounter
j-NoSQLcounter: fácil uso; la fuente de datos debe tener el formato: [{ id: 201702, año: 2017, mes: 2, valor: 1690 }]
j-Notifications
j-Notifications: fácil uso; semifallo
j-NotificationsPanel
j-NotificationsPanel: fácil uso; singleton
j-Notify
j-Notify: los errores se manejan automáticamente
j-NotifyBar
j-NotifyBar: singleton; mensaje de éxito SETTER('notifybar/success', 'MENSAJE')
j-ObjectEditor
j-ObjectEditor: NUEVO: exec {String} una ruta a la función (clave, valor) y se ejecuta si se cambia el valor
j-ObjectTree
Árbol de objetos expandible/colaborable.
j-Offline
Este componente muestra un cuadro de mensaje cuando no hay conexión a Internet.
j-OneTime
Este componente ejecuta un método solo una vez y espera a que caduque.
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.
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
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.
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
j-Parameters
Este componente puede cambiar los parámetros internos.
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.
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.
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.
j-Paste
El componente captura el evento de pegado.
j-Period
El componente para elegir un período de tiempo.
j-Permissions
j-Permissions: - jComponent v19|v20; NUEVO: exec {String} opcional, ejecuta un método (path.to.method) cuando el usuario cambia el valor
j-Pictures
El componente muestra imágenes en una lista simple. Un usuario puede eliminar y reorganizar imágenes.
j-PictureUpload
j-PictureUpload: fácil uso; funciona con el sistema Bootstrap Grid
j-PictureUploadExpert
j-PictureUploadExpert: uso avanzado; soporte para arrastrar y soltar
j-Pin
Un sencillo creador de PIN.
j-Planner
Mostrar artículos programados en un planner.
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.
j-PriceRange
El componente almacena el valor como cadena 200-500, explicación: de-a.
j-Printer
El componente puede imprimir un contenido HTML.
j-Progress
j-Progress opciones: animar
j-Prompt
El componente (singleton) muestra una ventana de aviso con entrada de una o varias líneas.
j-Properties
El componente utiliza componentes j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker y j-FaIcons.
j-Properties2
El componente utiliza componentes j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker y j-Icons.
j-QRCode
Este componente crea un código QR. Incluye la [biblioteca QRCode](https://davidshimjs.github.io/qrcodejs/).
j-QRCodeGenerator
j-QRCodeGenerator: fácil uso; utiliza el servidor <http://goqr.me>
j-RadioButton
j-RadioButton: para diseño personalizado puede utilizar j-RadioButtonExpert; ahora puedes usar la fuente de datos
j-RadioButtonExpert
Componente perfecto para botón de radio con estilos personalizados. ¡Es un poco avanzado pero vale la pena!
j-Range
j-Range: admite modo oscuro
j-Rating
j-Rating: fácil uso
j-RawEditable
j-RawEditable es un componente simple con una gran funcionalidad oculta. Está destinado a una personalización adicional.
j-RawInput
j-RawInput es un componente de entrada simple con una gran funcionalidad oculta. Está destinado a una personalización adicional.
j-Ready
Este componente ejecuta algunas operaciones cuando está listo.
j-reCAPTCHA
Muestra una comprobación reCAPTCHA y vincula el token de respuesta al modelo.
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.
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.
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.
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.
j-Rows
El componente Filas es una alternativa muy sencilla a j-Layout y j-Layout2.
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.
j-Scanner
El componente para escanear documentos.
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.
j-ScrollPercentage
El componente debe adjuntarse al elemento que actuará como contenedor de desplazamiento. Para toda la ventana utilice el elemento body.
j-Search
Componente de búsqueda de texto completo simple. Este componente puede mostrar/ocultar elementos según la frase de búsqueda.
j-SearchBox
El componente contiene un cuadro de búsqueda (entrada).
j-SearchData
Este componente intenta filtrar datos según la frase de búsqueda.
j-SearchInput
Entrada de búsqueda personalizable.
j-Section
j-Section: mantiene un porcentaje de altura fijo; gran uso para aplicaciones de intranet
j-SelectBox
j-SelectBox: NUEVO {Booleano} sin formato (opcional) permite que HTML sin formato se represente como texto (predeterminado: falso)
j-Selected
El componente puede establecer una clase específica para un elemento específico según una condición simple.
j-Selection
El componente admite algo así como una lista de casillas de verificación.
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.
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.
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}
j-ShoppingCart
j-ShoppingCart: singleton; apoya el descuento
j-Shortcuts
Este componente puede ayudar a crear atajos de teclado. El componente es singleton.
j-SingleUpload
Este componente funciona con el componente de carga (cuando el archivo se está cargando) y mensaje (cuando el servidor arroja un error).
j-Slider
Este control deslizante funciona sólo con el 100% del eje X. Salida: porcentaje (de 0 a 100).
j-SnackBar
j-SnackBar: singleton; mensaje de información SETTER('snackbar/show', 'MENSAJE', '[BUTTONLABEL]', [callbackdismiss])
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.
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.
j-Spotlight
j-Spotlight: singleton; funciona con el sistema Bootstrap Grid
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
j-Stats12
j-Stats12 opciones: altura, máximo, borde, resaltado
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
j-Stats7
j-Stats7 opciones: altura, máximo, borde, resaltado, primer día
j-StatsBarSimple
El componente debe tener una plantilla definida para representar contenido y una información sobre herramientas. Para comprenderlo, mire el ejemplo.
j-StatusInput
j-StatusInput: fácil uso para diferentes casos; soporta el modo oscuro
j-Sticker
j-Sticker: NUEVO: minheight {Number} una altura mínima del área de desplazamiento para aplicar clases
j-Suggestion
Si el valor no está definido, entonces el componente usa el nombre como valor.
j-SVGIcons
Este componente registra un nuevo componente web con el formato <ui-svgicon name='iconname'></ui-svgicon>.
j-Swiper
j-Swiper: contenedor para [biblioteca Swiper.js](https://swiperjs.com/); fácil uso
j-SwitchButton
j-SwitchButton opciones: requerido, deshabilitado, borde, alinear, descripción
j-Table
Descargar los registros en una tabla configurable.
j-TableGrid
El componente crea una cuadrícula de tabla simple (compuesta por elementos div) dividida por un borde simple que puede modificar.
j-TabMenu
j-TabMenu opciones: clase, selector, fuente de datos, deshabilitado, ejecutivo, attr
j-Tabs
j-Tabs opciones: icono, ID de datos, título, icono
j-Tagger
Tagger puede representar elementos en la matriz y cada elemento se puede eliminar.
j-Template
j-Template: cuando el modelo es nulo o no está definido, la plantilla estará oculta
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
j-Textarea
j-Textarea: NUEVO admite barra de desplazamiento oculta
j-Textbox
j-Textbox: NUEVA etiqueta interna {Booleana} opcional, habilita la etiqueta interna (valor predeterminado: verdadero)
j-TextboxList
j-TextboxList: El NUEVO elemento móvil {Booleano} permite cambiar la posición de los elementos existentes
j-Time
Este componente representa una hora actual.
j-TimePicker
El componente debe llamarse manualmente o funciona con el componente j-Input automáticamente. Este componente es un singleton.
j-Title
j-Title: fácil uso; semifallo
j-ToggleBox
ToggleBox puede reordenar u ocultar elementos en Array. El componente espera Array.
j-ToggleButton
Los iconos pueden tener la forma: círculo o ti ti-círculo.
j-ToggleMore
Es un componente simple para alternar contenido.
j-Tooltip
j-Tooltip: singleton; uso universal
j-TouchMove
Componente táctil simple para una fácil navegación táctil siguiente/anterior/arriba/abajo.
j-Tour
IMPORTANTE: Coloque este componente en la parte inferior del elemento de la carrocería.
j-Tree
Setter extiende automáticamente cada objeto agregando la propiedad .$pointer con un índice de árbol.
j-TreeView
Este componente es sólo una vista previa beta. Todavía está en construcción.
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
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
j-Unsaved
j-Unsaved: fácil uso
j-Upload
El componente puede realizar la carga de archivos.
j-Validate
El componente contiene el mismo código fuente que el componente j-Validation.
j-Validation
El componente contiene el mismo código fuente que el componente j-Validate.
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.
j-ViewBox
j-ViewBox: mantiene un porcentaje de altura fijo; gran uso para aplicaciones de intranet
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.
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.
j-Watcher
Este componente ejecuta el código definido en la etiqueta <script type='text/js'></script>.
j-Wiki
Gran componente para Wiki/Documentación en línea.
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-
j-Windows
El componente de Windows espera una matriz de objetos.
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.
j-Wysiwyg
j-Wysiwyg: admite modo oscuro
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.
j-PermissionsOP
Edite permisos de roles, grupos y usuarios para aplicaciones OpenPlatform.
j-UIStudio
Renderice una aplicación Flow UI Studio.
j-FlowEditor
Abra el diseñador de flujo para un punto final FlowStream WebSocket.
j-UIEditor
Abra UI Builder y reciba diseños guardados.
j-ServiceWorker
Almacenar en caché los activos de SPA y un respaldo fuera de línea con un trabajador de servicio.
j-Paper
Edite contenido enriquecido como una lista de widgets.
j-Changer
Realice un seguimiento de los cambios en un valor de modelo para la validación del formulario.
j-WebSocket
Envíe y reciba mensajes JSON a través de una reconexión WebSocket.