Catalogue de composants (jComponent 20)
Composants d’interface pour jComponent 20, avec options de configuration et exemples d’utilisation.
j-AjaxLoading
Ce composant peut afficher un texte de chargement pour les opérations AJAX asynchrones.
j-Animation
Ce composant peut animer des éléments avec la classe .animation.
j-Approve
j-Approve : utilisation facile ; singleton
j-ASelected
Le composant ajoute la classe sélectionnée à l'élément <a si l'attribut href de l'élément contient l'adresse URL du navigateur Web. Il est destiné aux sites Web publics.
j-Attachments
Le composant affiche les pièces jointes dans la liste simple. Un utilisateur peut supprimer des pièces jointes.
j-Audio
j-Audio : singleton ; le composant peut lire et arrêter l'audio/le son mp3
j-AutoComplete
j-AutoComplete : fonctionne uniquement avec les balises <input ; singleton
j-AutoDarkMode
Le composant applique automatiquement le mode sombre en fonction du système d'exploitation.
j-AutoExec
Ce composant exécute automatiquement une méthode définie dans l'option exec.
j-AutoFill
Le composant enveloppe tous les éléments imbriqués dans l'élément <form> avec les événements de formulaire désactivés.
j-AutoSelect
Le composant ajoute automatiquement la classe .selected en fonction du sélecteur class='autoselect' dans l'ensemble du document HTML. Ce composant est une solution parfaite pour le rendu côté serveur et les suites
j-Avatar
Le composant Avatar doit enregistrer votre propre thème. Il contient le thème par défaut.
j-BackToTop
j-BackToTop : fonctionne en singleton
j-Backup
Le composant permettant de sauvegarder et de charger des données depuis le stockage local du navigateur.
j-Banners
j-Banners : entièrement réactif ; animation CSS simple
j-BarChart
Veuillez consulter un exemple et conserver une source de données.
j-Box
Le composant prend en charge l'évaluation dynamique du contenu de <script type='text/html'>. L'exemple ci-dessous contient un script avec HTML et le composant évalue le contenu si le j-Form sera affiché.
j-Breadcrumb
j-Breadcrumb : NOUVEAU : icône de flèche {String} (par défaut : ti ti-angle-right)
j-Button
Un composant de bouton simple avec d'excellentes fonctionnalités.
j-Calendar
Le composant doit être appelé manuellement ou fonctionne automatiquement avec le composant textbox ou j-Input. Le composant est un singleton.
j-Carousel
j-Carousel : prend en charge les gestes tactiles (balayage) et la taille réelle fixe sur mobile ; apprendre de l'exemple
j-Carousel2
Est un simple composant de carrousel optimisé pour les ordinateurs de bureau et les appareils mobiles. Chaque élément doit être enveloppé dans l'élément <figure> (regardez l'exemple).
j-Centered
La nouvelle version de ce composant prend en charge l'évaluation dynamique du contenu de <script type='text/html'>. L'exemple ci-dessous contient un script avec HTML et le composant évalue le contenu si le j-Fo
j-Checkbox
Options j-Checkbox : obligatoire, étiquette, désactivé, icône de contrôle, inverse
j-Checkboxlist
j-Checkboxlist : pour une conception personnalisée, vous pouvez utiliser j-CheckboxListExpert ; prend désormais en charge le mode sombre
j-CheckboxListExpert
Composant parfait pour la liste de cases à cocher avec des styles personnalisés. C'est un peu avancé mais ça vaut vraiment le coup !
j-CheckPath
j-CheckPath : Singleton ; Outil de développement
j-Children
Le composant restitue les éléments déplaçables sous forme d'arborescence sans possibilité de réduction. La source de données doit être un tableau d'objets sous la forme : { id : String, children : [ ], YOUR PROPERTIES }, { ... }
j-Choose
Le composant est une alternative à CheckboxListExpert et RadioButtonListExpert.
j-ChunkyScroll
j-ChunkyScroll : peut gérer des milliers d'articles/éléments
j-Cl
Le composant analyse les données en ligne définies dans l'élément du composant. Les données sont analysées au format de liste de codes.
j-ClBind
Le composant lit un élément avec une source de données liée. Le composant prend en charge le modèle Tangular à l'intérieur de l'élément (facultatif). Comme la valeur est stockée dans la variable {{ value.something }}.
j-Click
Le composant appelle une méthode ou peut définir une valeur en fonction du chemin.
j-ClickBox
Ce composant est optimisé pour le référencement. Il lit tous les liens et crée une boîte cliquable. Le composant met automatiquement en évidence une valeur en fonction du paramètre URL.
j-Clipboard
j-Clipboard : Cela fonctionne en singleton ; Utilise navigator.clipboard.writeText() ou document.execCommand('copy') comme solution de secours
j-ClipboardImage
Ce composant capture automatiquement les images dans le Presse-papiers.
j-Clock
j-Clock : prend en charge le mode sombre ; fonctionne uniquement avec Bootstrap Grid System (sinon, il est nécessaire de corriger CSS)
j-CloudEditor
j-CloudEditor : cela fonctionne dans l'iframe ; prend en charge plusieurs curseurs (shift + cmd + flèche bas/haut)
j-CloudEditorSimple
C'est une alternative simple à j-CloudEditor. Vous pouvez spécifier la configuration principale dans la configuration et la valeur est {String} (dans j-CloudEditor, la configuration fait partie de la valeur).
j-Code
C'est une alternative simple à j-CloudEditor. Vous pouvez spécifier la configuration principale dans la configuration et la valeur est {String} (dans j-CloudEditor, la configuration fait partie de la valeur). C'est le même composant qu'un
j-CodeMirror
j-CodeMirror : prend en charge plusieurs curseurs (shift + cmd + flèche bas/haut) ; prend en charge la recherche du texte sélectionné (cmd + d)
j-ColorPicker
j-ColorPicker : le composant est singleton ; Sélecteur de couleurs simple
j-ColorPickerButton
j-ColorPickerButton : le composant est singleton ; Prend en charge le thème sombre
j-ColorSelector
Options j-ColorSelector : désactivée, obligatoire
j-Columns
Le composant Columns est une alternative très simple à j-Layout et j-Layout2. Avec ce composant, vous pouvez définir des colonnes d'une hauteur de 100 % selon vos besoins.
j-Configuration
j-Configuration : prend en charge le mode sombre ; NOUVEAU : source de données {String} facultative, un chemin vers la source de données pour les éléments de configuration
j-Confirm
j-Confirm : utilisation facile ; singleton
j-Console
j-Console : utilisation facile ; singleton
j-Console2
j-Console2 : utilisation facile ; prend en charge le mode sombre
j-ContentEditable
j-ContentEditable : utilisation facile ; prend en charge d'excellentes fonctionnalités
j-ContentSlider
Le code ci-dessous résout un problème de rendu du composant lorsque le composant est affiché dynamiquement.
j-ContextMenu
Si la valeur n'est pas définie, le composant utilise le nom comme valeur.
j-Controls
j-Controls : singleton
j-Cookie
j-Cookie : singleton ; utilise localStorage
j-Cookie2
j-Cookie2 : singleton ; utilise localStorage
j-CountDown
Le composant peut afficher une action lorsque le temps est expiré.
j-Crop
j-Crop : zoomer ; glisser-déposer
j-Dashboard
Le composant attend un tableau d'objets.
j-DataGrid
Cette grille a été créée pour les applications à page unique et les applications d'entreprise.
j-DataSource
Le composant charge les données de la source externe via la méthode AJAX() et lie la valeur en fonction du config.path.
j-DataTable
BÊTA : ce composant est destiné au listing SPA et côté serveur.
j-DatePicker
Le composant doit être appelé manuellement ou fonctionne automatiquement avec le composant j-Input. Le composant est un singleton.
j-Detach
Le composant peut détacher/attacher tous les enfants (éléments HTML). Par exemple, si vous avez des éléments à l'intérieur d'un panneau, vous pouvez déplacer les éléments, par exemple vers le j-Windows.
j-Detail
Ce composant peut restituer les valeurs du modèle. Prend en charge le mappage en ligne - consultez le code source de l'exemple.
j-Developer
Ce composant surveille l'application d'une seule page jComponent. Incluez simplement le composant sous l'élément <body>. Cela fonctionne uniquement avec jComponent +v18.
j-Diagram
Options j-Diagram : parent, marge, marginxs, marginsm, marginmd, marginlg, reverse
j-Directory
Il s'agit d'un composant similaire au j-Suggestion, mais il a une conception améliorée et prend en charge des fonctionnalités plus pratiques.
j-Display
Le composant calcule automatiquement l'intervalle entre les affichages. Le type d'affichage par défaut est LG.
j-Dockable
Le composant ancrable attend un tableau d'objets.
j-DonutChart
Options j-DonutChart : info-bulle, format, présentation, sélection, redessiner, animer, taille, surbrillance
j-DragDropElement
Lors d'un glisser-déposer, l'événement affiche le mode modal à l'intérieur de l'élément donné avec le texte Déposez et déposez les fichiers ici. En éloignant les fichiers glissés de l'élément ou en déposant les fichiers glissés, le modal se cachera. Également sur la fonction d'exécution de l'événement drop
j-DragDropFiles
Options j-DragDropFiles : exécutable, classe, clic, accepter
j-Draggable
Un composant simple qui peut capturer l'opération glisser-déposer.
j-Drawer
j-Drawer : NOUVEAU : largeur {Nombre} une largeur par défaut (par défaut : 250) ; NOUVEAU : widthlg {Number} facultatif, largeur pour les grands écrans
j-DrawZone
Le composant peut dessiner une zone (polygone). [Ouverture](https://openlayers.org/) La bibliothèque avec le [OpenStreetMap](https://www.openstreetmap.org/) Le moteur de la carte.
j-Dropdown
Options j-Dropdown : obligatoire, éléments, icône, étiquette, type, source de données, texte, valeur
j-DropdownCheckbox
j-DropdownCheckbox : NOUVEAU prend désormais en charge le mode sombre
j-DropdownList
Options j-DropdownList : obligatoire, source de données, limite, désactivé, dirplaceholder, dirsearch, check
j-DropFiles
j-DropFiles : singleton ; capture tous les fichiers déposés dans la fenêtre
j-Duplicator
VERSION BÊTA. Ce composant est un composant un peu spécial car il peut dupliquer plusieurs fois le même contenu avec des sources de données différentes. Imaginer un éditeur de texte avec des onglets dont chaque onglet contient des différences
j-DynamicValue
Ce composant est un composant très spécial. Il peut conserver une valeur par exemple Number et en même temps il peut restituer un autre texte lisible. Ce composant est optimisé pour une utilisation dynamique, il doit donc être l
j-DynamicValueList
Ce composant est un composant très spécial. Il peut conserver des valeurs par exemple Nombre et en même temps il peut restituer un autre texte lisible. Ce composant est optimisé pour une utilisation dynamique, il doit donc être li
j-EAN13
Le composant dessinera le code-barres EAN-13 en fonction de la valeur du chemin.
j-Edit
Le composant active l'attribut contenteditable pour les éléments avec les classes edit ou edit2.
j-Editable
Ce composant peut éditer tous les éléments avec une classe modifiable. Il fonctionne avec des valeurs de liaison de données ou dynamiques. Apprenez-en davantage à partir d’un exemple.
j-ElementID
Ce composant remplit l'attribut data-id avec la valeur lue à partir du chemin.
j-Emoji
j-Emoji : utilisation d'emoji UTF ; Histoire personnelle avec des émoticônes fréquemment utilisées
j-EmojiButton
j-EmojiButton : le composant est singleton ; Prend en charge le thème sombre
j-Empty
j-Empty : NEW wait {Boolean} attend les données (par défaut : false)
j-EmptyInline
Le composant affichera du texte à l'intérieur de l'élément si la valeur est vide ou si le tableau ne contient pas d'élément.
j-Enter
Ce composant évalue une méthode si l'utilisateur appuie sur Entrée. Important : le composant trouve tous les éléments d'entrée et exécute CAN() pour le chemin.
j-Enterbox
Une simple EnterBox. Chaque valeur doit être confirmée via la touche Entrée ou en cliquant sur le bouton.
j-Error
j-Error : utilisation facile ; les erreurs ne sont affichées que si le chemin contient un tableau sous la forme ci-dessous :
j-ErrorHandler
Ce composant capture le déclencheur d'événement ON('ERROR', function(err de la méthode ERROR() et tente d'afficher le formulaire plus confortablement.
j-Exec
Le composant exécute une méthode lorsque l'utilisateur clique sur le même élément avec la classe exec, exec2 ou exec3. Plus d’informations ci-dessous. Le composant est un singleton et il fonctionne pour l'ensemble du HTML
j-Expander
j-Expander : NOUVELLE hauteur {Nombre} au maximum. hauteur (par défaut : 150) ; NOUVELLE iconup {String} icône vers le haut (par défaut : ti-angle-double-up)
j-ExpansionPanel
Options j-ExpansionPanel : multiple, icône, identifiant de données, titre, icône
j-Extend
Ce composant est un composant spécifique doté de fonctionnalités puissantes. Lorsque le composant est évalué, il exécute deux événements sous la forme ci-dessous. Le composant peut être utile dans les applications Web qui
j-FaIcons
j-FaIcons : icônes de polices géniales ; singleton
j-FaIconsButton
j-FaIconsButton : il utilise j-FaIcons
j-FaviconUnread
j-FaviconUnread : NOUVEAU badge {Boolean} facultatif, permet l'utilisation de navigator.setAppBadge() (par défaut : true)
j-Features
j-Features : uniquement pour les ordinateurs de bureau ; singleton
j-FeedbackButton
j-FeedbackButton : singleton ; utilisation universelle
j-FileBrowser
Le composant ouvrira un navigateur de fichiers et renverra les fichiers sélectionnés.
j-FileReader
j-FileReader : singleton ; utilisation facile
j-FileSaver
Ce composant est un wrapper pour la [bibliothèque FileSaver.js](https://github.com/eligrey/FileSaver.js/). Avec ce composant, vous pouvez facilement enregistrer des fichiers générés localement directement dans le navigateur Web.
j-FileUpload
Est un composant très utile pour télécharger, par ex. photos de profil. Je considère ce composant comme un téléchargement de fichiers en ligne. Regardez dans la source HTML. Le composant télécharge des fichiers via multipart/form-data.
j-FileUploader
Un composant simple pour télécharger des fichiers. Il prend en charge le redimensionnement automatique des images.
j-FileUploadList
Ce composant peut télécharger des fichiers et le résultat s'ajoute au modèle. Le modèle doit être le tableau.
j-FixedModal
Le contenu du j-FixedModal est divisé en 3 parties : en-tête, corps et pied de page. Chaque partie doit être définie. Le composant ajoute des classes CSS à chaque partie, par exemple le premier div contiendra ui-fixedmodal
j-FloatingBox
j-FloatingBox : prend en charge le mode sombre
j-FloatingInput
j-FloatingInput : singleton ; prend en charge le mode sombre
j-FloatingPanel
Vous pouvez combiner des méthodes avec le composant j-Shortcuts.
j-FloatingSearch
Une simple entrée de recherche flottante. Il utilise la position absolue et est ciblé au-dessus des barres d'outils car il peut superposer la barre d'outils.
j-Flow
j-Flow : les identifiants ne peuvent pas contenir de caractères ; NOUVEAU onpause {String} un chemin vers la méthode fn(path, is), il est exécuté lorsque la sortie/entrée est en pause
j-Folder
Le composant peut restituer un contenu tel qu'un navigateur de fichiers. le chemin doit être sous la forme, par ex. Répertoire/Répertoire/Fichier. Apprenez de l’exemple.
j-FontAwesome
Un simple visualiseur FontAwesome avec recherche en texte intégral. Prend en charge une fonctionnalité récente et elle est réactive.
j-FontAwesomeBox
Un simple visualiseur FontAwesome avec recherche en texte intégral. Optimisé pour jComponent +v17.
j-Form
La nouvelle version de ce composant prend en charge l'évaluation dynamique du contenu de <script type='text/html'>. L'exemple ci-dessous contient un script avec HTML et le composant évalue le contenu si le j-Fo
j-FormData
Avec ce composant, vous pouvez envoyer des données via la méthode POST/PUT/DELETE vers la fenêtre actuelle ou une autre.
j-FormTab
j-FormTab : Le composant déplace le contenu de ce composant sous la balise <body> (en raison du positionnement) ; Le composant attend un tableau
j-FullForm
Le composant déplace le contenu de ce composant sous la balise <body> (en raison du positionnement) et prend en charge l'évaluation du contenu de <script type='text/html'>. L'exemple ci-dessous contient un script
j-Gallery
j-Gallery : fonctionne avec le système Bootstrap Grid ; utilisation facile
j-Gauge
Options j-Gauge : décimales, format, couleurs, texte, contour
j-GPS
Le composant essaie de lire les coordonnées GPS.
j-Grid
Afficher les dossiers de table avec le filtre, la page et une source de données configurable.
j-HashChange
Le composant capture toutes les modifications apportées au #hashtag dans l'adresse URL. En cas de changement, il émet un hachage d'événement. Le composant réagit aux changements réels.
j-HighlightSyntax
Surligneur de syntaxe simple avec l'aide de Highlight.js.
j-Icons
j-Icons : liste d'icônes Total.js ; singleton
j-IdleTime
Ce composant émet l'événement ON('idletime', function(is) {}) lorsque le site Web est inactif. Il réagit à la souris, au clavier, aux événements tactiles ou à la mise au point de la fenêtre. Et le composant définit Boolean selon le
j-iFrame
Le composant restitue une autre adresse URL (stockée dans l'attribut path) directement dans l'iframe. Le plus grand avantage est le redimensionnement automatique de l'élément iframe en fonction du sélecteur parent.
j-iFrameModifiable
j-iFrameEditable : peut éditer du HTML en toute sécurité ; la hauteur de l'iframe est automatiquement comptée à partir du corps
j-iFramePreview
j-iFramePreview : utilisation facile, par ex. factures, courriers ou autres aperçus ; peut restituer du HTML en toute sécurité
j-iFrameViewer
Ce composant affiche un calque (sur le contenu) avec une iframe.
j-ImageUploader
Un simple composant singleton pour le téléchargement d'images redimensionnées. Le composant télécharge en base64 selon le schéma défini dans les options de l'appelant.
j-ImageViewer
j-ImageViewer : singleton ; placez le composant sous <body element
j-ImportCSV
La sortie de ce composant est un tableau mappé. Le composant utilise le composant j-Directory.
j-Importer
j-Import est un excellent composant pour importer des modèles HTML, des scripts ou des styles en fonction du chemin et de la condition. Le composant peut être utile avec les applications SPA car vous pouvez facilement importer des modèles,
j-InfiniteScroll
Options j-InfiniteScroll : parent, marge, remplissage, défilement automatique, exécution
j-Info
j-Info : singleton ; show: SETTER('info', 'show', options)
j-InfoWindows
Le composant InfoWindows attend un tableau d'objets.
j-InlineDatePicker
Options j-InlineDatePicker : obligatoire, premier jour, aujourd'hui, jours, mois, badges, ajouter
j-InlineForm
La nouvelle version de ce composant prend en charge l'évaluation dynamique du contenu de <script type='text/html'>. L'exemple ci-dessous contient un script avec HTML et le composant évalue le contenu si le j-In
j-InlineProperties
j-InlineProperties : utilisation facile pour différents cas ; singleton
j-Input
j-Input est un composant d'entrée multifonctionnel qui prend en charge de nombreuses fonctionnalités et est optimisé pour une utilisation quotidienne. C'est une excellente alternative à j-Textbox et j-Dropdown. Fonctionne uniquement avec jComponent +v17.
j-InputTags
j-InputTags : si licon ou ricon commence par ! alors le composant affiche une valeur brute au lieu d'une icône
j-Intro
j-Intro : NOUVEAU : délai {Nombre} un délai pour le bouton suivant entre les clics ; NOUVEAU : nexticon {String} une icône terminée (par défaut : ti ti-chevron-right)
j-IsOpen
j-IsOpen est un composant simple permettant d'afficher les heures d'ouverture. Le composant prend en charge la date et l'heure d'actualisation automatique.
j-JSONTree
j-JSONTree crée une arborescence à partir de données json.
j-Kanban
Important : chaque élément a besoin de son propre ID {String}, regardez l'exemple.
j-KeySelection
Ce composant permet à l'utilisateur de sélectionner certains éléments à l'aide des touches haut/bas et de confirmer la sélection par la touche Entrée.
j-KeyValue
Un composant simple pour créer des valeurs de paires clé/valeur.
j-LargeForm
La nouvelle version de ce composant prend en charge l'évaluation dynamique du contenu de <script type='text/html'>. L'exemple ci-dessous contient un script avec HTML et le composant évalue le contenu si le j-Fo
j-Markdown
Ce composant contient uniquement l'analyseur Markdown.
j-Layer
j-Layer : fonctionne avec Bootstrap ; NOUVEAU : l'autofocus {Boolean/String} concentre la première entrée, textarea (par défaut : false)
j-Layout
La réalisation de la mise en page est très simple et offre de nombreuses possibilités. La mise en page doit avoir sa propre structure HTML. Regardez par exemple. L'exemple ci-dessous décrit uniquement les métadonnées de la mise en page.
j-Layout2
La réalisation de la mise en page est très simple.
j-LazyContent
Ce composant affiche son propre contenu lorsqu'il est visible. Il prend en charge des fonctionnalités utiles telles que redessiner et masquer.
j-LazyImages
Le composant essaie de trouver tous les éléments <img avec l'attribut data-src='' et si l'élément est visible, le composant mettra à jour l'attribut src='' avec la valeur de l'attribut data-src=''.
j-LazyLoad
j-LazyLoad : utilisation facile ; peut être utilisé pour tout
j-Leaflet
Ce composant utilise [Le feuillage](https://leafletjs.com/) La bibliothèque avec le [OpenStreetMap](https://www.openstreetmap.org/) Le moteur de la carte. le composant utilise les dépendances de 3ème partie.
j-LineChart
Veuillez consulter un exemple et conserver une source de données.
j-ListBox
j-ListBox : NOUVEAU mode sombre ; Fonctionne avec Bootstrap
j-ListDetail
Le composant divise le contenu pour la partie liste et la partie détail. L'affichage de la partie détail dépend du chemin {Booléen}.
j-ListForm
j-ListForm : NOUVEAU : délai {Numéro} délai initial pour l'affichage des détails (par défaut : 1000 ms) ; NOUVEAU : composant.add() ouvre un formulaire pour créer un enregistrement
j-Listing
j-Listing : utilisation facile ; fonctionne avec l'ensemble des tableaux uniquement côté client
j-ListMenu
Un composant ListMenu pour les éléments de liste personnalisés. Vous devez le styliser.
j-ListMenuEditable
Composant pour le menu de liste modifiable
j-LiveStats
j-LiveStats : prend en charge le mode sombre ; sensible
j-LoadContent
Le composant charge un contenu du modèle <script type='text/html'> et l'ajoute à l'élément. C'est une excellente solution pour le contenu réutilisable. Apprenez de l’exemple.
j-Loading
j-Loading : il attribue automatiquement les drapeaux @showloading et @hideloading ; NOUVEAU : style {Number} un style de chargement (par défaut : 1)
j-Locale
Ce composant définit les paramètres régionaux actuels du navigateur (format numérique, format de date et format d'heure) en fonction du navigateur.langue.
j-MainProgress
Ce composant est singleton. Le composant est visible lorsque la valeur est supérieure à 0 et inférieure à 100. La liaison de données attend un nombre.
j-Map
j-Map : utilisation facile ; la liaison bidirectionnelle fonctionne avec le GPS (le composant renvoie donc les coordonnées GPS dans le modèle lorsque le texte est utilisé à la place du GPS)
j-MapZones
Le composant pour dessiner et afficher les zones sur la carte. [Ouverture](https://openlayers.org/) La bibliothèque avec le [OpenStreetMap](https://www.openstreetmap.org/) Le moteur, le co
j-MarkdownEditor
Ce composant utilise l'éditeur https://simplemde.com/ pour l'édition de démarques.
j-MarkdownPreview
Ce composant dépend du composant j-Markdown. Il utilise la bibliothèque highlight.js pour la mise en évidence de la syntaxe.
j-Masonry
Un simple composant de maçonnerie. Le composant restitue un tableau en fonction de la taille d'affichage des colonnes.
j-Menu
j-Menu : utilisation facile pour différents cas ; fonctionne avec des touches
j-Message
j-Message : singleton ; utilisation facile
j-MinHeight
Ce composant définit une hauteur minimale pour l'élément parent (défini). Le composant est utile pour les applications intranet.
j-MiniForm
La nouvelle version de ce composant prend en charge l'évaluation dynamique du contenu de <script type='text/html'>. L'exemple ci-dessous contient un script avec HTML et le composant évalue le contenu si le j-Mi
j-MobileCarousel
Fonctionne uniquement avec le système de grille Bootstrap et sur les appareils mobiles XS.
j-Modal
Est une alternative simple à j-Form.
j-Modificator
Ce composant peut modifier le comportement de l'élément selon le schéma prédéfini. Le composant peut être accroché à un élément du corps (car il est singleton) et il est optimisé pour les performances.
j-MonacoEditor
Le composant restitue [Éditeur Monaco](https://microsoft.github.io/monaco-editor/).
j-MonthlyCalendar
Les noms de mois et de jour sont extraits des propriétés MONTHS et DAYS définies dans la bibliothèque jComponent.
j-Movable
Le composant gère des éléments déplaçables similaires et prend en charge les mouvements entre eux. Chaque élément selon le sélecteur doit avoir défini l'attribut draggable='true'.
j-Movement
Ce composant capture les touches de base du clavier telles que les flèches, entrée et échap.
j-MultiOptions
Le composant MultiOptions utilise ce schéma de couleurs : <http://codepen.io/devi8/pen/lvIeh> et la déclaration ci-dessous affichera toutes les couleurs dans les paramètres du widget.
j-NativeNotifications
j-NativeNotifications : utilisation facile ; singleton
j-Navigation
j-Navigation : un composant de navigation simple comme Tree ; facile à personnaliser
j-NavLayout
Une mise en page de navigation simple et entièrement réactive.
j-NoScrollbar
j-NoScrollbar : ce composant ressemble à j-ViewBox sans barre de défilement native/personnalisée
j-NoSQLcounter
j-NoSQLcounter : utilisation facile ; la source de données doit être au format : [{ id : 201702, année : 2017, mois : 2, valeur : 1690 }]
j-Notifications
j-Notifications : utilisation facile ; singleton
j-NotificationsPanel
j-NotificationsPanel : utilisation facile ; singleton
j-Notify
j-Notify : les erreurs sont traitées automatiquement
j-NotifyBar
j-NotifyBar : message de succès SETTER ('notifybar/success', 'MESSAGE')
j-ObjectEditor
j-ObjectEditor: NEW : exécuter {String} un chemin vers la fonction(clé, valeur) et il est exécuté si la valeur est modifiée
j-ObjectTree
L’arbre d’objet élargi / collabible.
j-Offline
Ce composant affiche une boîte de message quand il n'y a pas de connexion Internet.
j-OneTime
Ce composant n'exécute qu'une seule fois une méthode et il attend l'expiration.
j-Packeta
Ceci permet aux clients de choisir un [paquets](https://www.packeta.com/) Après la sélection, un objet de point de pick-up complet est reçu, qui peut être traité avec une fonction de retour.
j-Page
Ce composant peut traiter différents contenus de manière asynchronique.Le composant a la même fonctionnalité que le j-Part.Si l'élément ne contient pas de contenu, alors le composant télécharge le contenu accor
j-Pages
Le composant est une meilleure alternative au composant j-Section. En conséquence, vous pouvez facilement créer une application multi-page avec un chargement de contenu dynamique lorsque nécessaire.
j-Panel
La nouvelle version de ce composant prend en charge l'évaluation dynamique du contenu de <script type='text/html'>. L'exemple ci-dessous contient un script avec HTML et le composant évalue le contenu si le j-Pa
j-Parameters
Cette composante peut changer les paramètres internes.
j-Part
Ce composant peut traiter différents contenus de manière synchronique.Si l'élément ne contient aucun contenu, alors le composant télécharge le contenu selon l'URL défini dans la configuration.
j-Parts
Ce contenu peut gérer plusieurs parties stockées dans l'Array et se concentrer sur une partie spécifique.
j-PasswordMeter
Cette composante évalue le mot de passe en fonction de la note.La note est calculée comme un pourcentage: 100% = fort, 50% = bon, 0% = faible.
j-Paste
Le composant capture l’événement.
j-Period
Le composant pour la sélection d'une période de temps.
j-Permissions
j-Permissions: - jComponent v19|v20; NEW: exécute {String} facultatif, il exécutera une méthode (path.to.method) lorsque l'utilisateur modifie la valeur
j-Pictures
Le composant affiche des images dans une liste simple.Un utilisateur peut supprimer et réorganiser les images.
j-PictureUpload
j-PictureUpload : facile à utiliser ; fonctionne avec Bootstrap Grid
j-PictureUploadExpert
j-PictureUploadExpert : utilisation avancée ; support de tir et de descente
j-Pin
Un simple PIN.
j-Planner
Afficher les éléments programmés dans un plan.
j-Preview
Ce composant réaffiche automatiquement l'image selon les paramètres et le télécharge au serveur dans le format base64.
j-PriceRange
Le composant stocke la valeur en ligne 200-500, explication: de-à.
j-Printer
Le composant peut imprimer un contenu HTML.
j-Progress
j-Progress : animation
j-Prompt
Le composant (singleton) affiche une fenêtre immédiate avec une entrée de ligne unique ou multilienne.
j-Properties
Le composant utilise les composants j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker et j-FaIcons.
j-Properties2
Le composant utilise les composants j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker et j-Icons.
j-QRCode
Ce code est un code QR qui comprend le [Bibliothèque QRCode](https://davidshimjs.github.io/qrcodejs/).
j-QRCodeGenerator
j-QRCodeGenerator : facile à utiliser ; utilisant le serveur <http://goqr.me>
j-RadioButton
j-RadioButton : pour le design personnalisé, vous pouvez utiliser j-RadioButtonExpert ; maintenant, vous pourrez utiliser la source de données
j-RadioButtonExpert
Composant parfait pour le radiobutton avec des styles personnalisés. Il est un peu avancé mais il en vaut absolument la peine!
j-Range
j-Range : prend en charge le mode sombre
j-Rating
j-Rating : facile à utiliser
j-RawEditable
j-RawEditable est un composant simple avec une grande fonctionnalité cachée. il est ciblé pour une personnalisation supplémentaire.
j-RawInput
j-RawInput est un composant d'entrée simple avec une grande fonctionnalité cachée.
j-Ready
Ce composant exécute certaines opérations lorsque le composant est prêt.
j-reCAPTCHA
Affiche un défi reCAPTCHA et lie son jeton de réponse au modèle.
j-Releaser
Le composant peut être libéré après un certain temps de contenu propre (DOM) + mémoire. nous vous recommandons de l'utiliser pour j-DataGrid, j-CodeMirror, j-CloudEditor, etc..
j-Remember
Le composant appelle une fonction dans l'intervalle de répétition.L'information sur la requête antérieure est stockée dans localStorage.
j-Resource
Les ressources sont une excellente solution, par exemple, pour traduire certains textes dans tous les scripts. le composant peut être ajouté plusieurs fois et tous les composants utilisent un seul stockage pour stocker des clés et des valeurs.
j-Restart
Le composant est très primitif et ne affichera le contenu que si la valeur est positive. Il peut être utile pour les applications de page unique qui changent une version dans le fond et la fin avant
j-Rows
Le composant Rows est une alternative très simple à j-Layout et j-Layout2.
j-Rules
Le composant peut créer des règles simples que vous pouvez transformer en certains moteurs comme Total.js L’électricité : le composant utilise j-Directory composant .
j-Scanner
Le composant de l’enregistrement des documents.
j-Scrollbar
Bâtiers personnalisés. IMPORTANT: Il reçoit le contenu actuel en ajoutant deux éléments div nés avec une position relative. jComponent V17 seulement.
j-ScrollPercentage
Le composant doit être attaché à l'élément qui sera comme un conteneur de roulement.
j-Search
Composant de recherche en texte complet.Cette composante peut afficher / cacher des éléments selon la phrase de recherche.
j-SearchBox
Le composant contient une boîte de recherche (entrée).
j-SearchData
Ce composant tente de filtrer les données selon la phrase de recherche.
j-SearchInput
Introduction à la recherche personnalisable.
j-Section
j-Section: maintient une hauteur de pourcentage fixe; grande utilisation pour les applications intranet
j-SelectBox
j-SelectBox: NEW raw {Boolean} (optionnel) permet que le HTML brut soit rendu comme texte (defaut : faux)
j-Selected
Le composant peut définir une classe spécifique à un élément donné selon la condition simple.
j-Selection
Le composant prend en charge quelque chose comme la liste de checkbox.
j-ServerGrid
Cette grille est conçue pour les applications d'une page unique et d'entreprise.C'est une alternative simple à la j-DataGrid beaucoup plus puissante.
j-ServerList
Cette composante est conçue pour des applications d'une page unique et d'entreprise.Il a la même fonctionnalité que le j-ServerGrid, mais il donne aux développeurs plus de liberté à créer une image personnalisée
j-ServerListing
j-ServerListing: facile à utiliser; second modèle $ contient des informations sur la source de données { index: Nombre, page: Nombres, pages: Numéro, numéro, valeur: YOURDATA }
j-ShoppingCart
j-ShoppingCart : singleton ; supporte le rabais
j-Shortcuts
Ce composant peut aider à créer des raccourcis de clavier. le composant est singleton.
j-SingleUpload
Ce composant fonctionne avec le chargement (si le fichier est téléchargé) et le message (si un serveur jette une erreur).
j-Slider
Ce slider ne fonctionne que avec l'axe X de 100%. sortie: pourcentage (de 0 à 100).
j-SnackBar
j-SnackBar: singleton; message info SETTER('snackbar/show', 'MESSAGE', '[BUTTONLABEL]', [callbackdismiss]
j-Sounds
Ce composant contient quelques sons prédéfinis tels que le beep, l'échec, le succès, etc... Le chemin contient un contrôle de volume en pourcentage, 0 ne peut pas jouer.
j-SplashScreen
Un écran flash pour des applications de page unique.Le corps doit être enveloppé dans le tag <script type='text/html'>HTML</script>.
j-Spotlight
j-Spotlight : singleton ; fonctionne avec Bootstrap Grid System
j-Stash
Le composant peut déposer les éléments sans détruire et détourner du DOM. Ce composant vous aide avec le contenu dynamique du côté du serveur. Nous utilisons le composant dans le Total.js FlowStre
j-Stats12
j-Stats12: hauteur, max, limite, haute lumière
j-Stats24
j-Stats24 options: hauteur, max, outiltiplarge, outilstipext, limite, accent
j-Stats7
j-Stats7 options: hauteur, max, limite, premier jour
j-StatsBarSimple
Le composant doit avoir un modèle défini pour le rendu du contenu et un outil. Pour une compréhension, voir l'exemple.
j-StatusInput
j-StatusInput: facile à utiliser pour différents cas; prend en charge le mode sombre
j-Sticker
j-Sticker: NEW: minheight {Number} une hauteur minimale de la zone de scroll pour l'application des classes
j-Suggestion
Si la valeur n'est pas définie, le composant utilise le nom comme valeur.
j-SVGIcons
Ce composant enregistre un nouveau composant Web dans le formulaire <ui-svgicon name='iconname'></ui-svgicon>.
j-Swiper
j-Swiper : pour les [La bibliothèque de Swiper.js](https://swiperjs.com/)• Utilisation facile
j-SwitchButton
j-SwitchButton options: requis, handicapé, limite, alignement, description
j-Table
Affichage des données dans une table configurable.
j-TableGrid
Le composant fait une simple grille de table (composée d'éléments div) divisée par un simple bord que vous pouvez modifier.
j-TabMenu
j-TabMenu options: classe, sélectionneur, source de données, désactivé, exécutif, attr
j-Tabs
Options j-Tabs : icône, identifiant de données, titre, icon
j-Tagger
Le tagger peut rendre les articles dans l'arrondissement et chaque élément peut être supprimé.
j-Template
j-Template : lorsque le modèle est null ou non défini, le modèle sera caché
j-Templates
Les modèles doivent être définis en <script type='text/html' data-name='NAMEOFTEMPLATE'>Tangular template</script> élément.
j-Textarea
j-Textarea : Nouveau support de scrollbar caché
j-Textbox
j-Textbox: NEW INNERLABLE {Boolean} facultatif, permettant l'étiquette interne (defaut: vrai)
j-TextboxList
j-TextboxList: NEW mobile {Boolean} permet le changement de position pour les éléments existants
j-Time
Cette composante rend le temps actuel.
j-TimePicker
Le composant doit être appelé manuellement ou fonctionne avec le composant j-Input automatiquement.
j-Title
j-Title : utilisation facile ; singleton
j-ToggleBox
ToggleBox peut redémarrer ou cacher des articles dans Array.
j-ToggleButton
Les icônes peuvent être sous la forme : cercle ou ti-circle.
j-ToggleMore
C'est un simple élément pour traiter le contenu.
j-Tooltip
j-Tooltip : singleton ; utilisation universelle
j-TouchMove
Composant simple touchmove pour la navigation facile à toucher next/prev/up/down.
j-Tour
IMPORTANT: Placez ce composant au fond de l'élément du corps
j-Tree
Setter étend automatiquement chaque objet en ajoutant une propriété de pointer .$ avec un index d'arbre.
j-TreeView
Ce composant n’est qu’une prévision bêta, il est encore en construction.
j-Typed
Config est le même [Étiquette.js](https://github.com/mattboldt/typed.js#customization)La seule différence est que toutes les clés sont inférieures.C'est pour maintenir la cohérence avec d'autres composants.
j-UIBuilder
Ce composant rend l'application conçue via UI Builder. Vous pouvez charger l'app via la voie spécifiée dans le composant ou via l'option config.url.
j-Unsaved
j-Unsaved : facile à utiliser
j-Upload
Le composant peut effectuer le chargement de fichiers.
j-Validate
Le composant contient le même code source que le composant j-Validation.
j-Validation
Le composant contient le même code source que le composant j-Validate.
j-View
Ce composant peut être utile pour les vues réutilisables dans les applications intranet.Le composant enveloppe la vue dans le champ isolé, et la valeur selon la voie du composant sera utilisée comme un modèle pour le v
j-ViewBox
j-ViewBox: maintient une hauteur de pourcentage fixe; grande utilisation pour les applications intranet
j-VirtualWire
C'est un composant d'UI très spécial qui peut déplacer les éléments d'un élément à un autre selon le sélectionneur et la valeur du chemin.
j-Watch
Le composant peut évaluer la méthode dans la fonction de forme (valeur, élément, type, chemin) lorsque la valeur (selon le chemin) est modifiée.
j-Watcher
Ce composant exécute le code défini dans le tag <script type='text/js'></script>.
j-Wiki
Très bon contenu pour Wiki/Documentation.
j-Window
Une nouvelle version de ce composant soutient l'évaluation dynamique du contenu de <script type='text/html'>. L'exemple ci-dessous contient un script avec HTML et le composant évalue le contenu si le
j-Windows
Le composant des fenêtres attend une série d'objets.
j-WizardExpert
Une solution simple pour faire des sorciers avancés. le sorcier télécharge les étapes (en tant que pièces HTML) selon le schéma.
j-Wysiwyg
j-Wysiwyg : prend en charge le mode sombre
j-Xterm
Le composant rend une sortie / entrée terminale directement dans le navigateur Web. IMPORTANT: l'exemple ne fonctionne pas comme vous l'attendez, il a besoin d'une sortie terminale réelle.
j-PermissionsOP
Éditer les rôles, groupes et permissions d'utilisateur pour les applications OpenPlatform.
j-UIStudio
Render une application de flux UI Studio.
j-FlowEditor
Ouvrez le concepteur de flux pour un point de terminaison FlowStream WebSocket.
j-UIEditor
Ouvrir le UI Builder et recevoir des concepts sauvés.
j-ServiceWorker
Cache des actifs SPA et un retour hors ligne avec un travailleur de service.
j-Paper
Réduire un contenu riche comme une liste de widgets.
j-Changer
Suivez les modifications apportées à une valeur de modèle pour la validation du formulaire.
j-WebSocket
Envoyer et recevoir des messages JSON via un réconnecteur WebSocket.