ForgeComposants
fr

Catalogue de composants (jComponent 20)

Composants d’interface pour jComponent 20, avec options de configuration et exemples d’utilisation.

RecetteÉtiquettes

j-AjaxLoading

Ce composant peut afficher un texte de chargement pour les opérations AJAX asynchrones.

component

j-Animation

Ce composant peut animer des éléments avec la classe .animation.

component

j-Approve

j-Approve : utilisation facile ; singleton

component

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.

component

j-Attachments

Le composant affiche les pièces jointes dans la liste simple. Un utilisateur peut supprimer des pièces jointes.

component

j-Audio

j-Audio : singleton ; le composant peut lire et arrêter l'audio/le son mp3

component

j-AutoComplete

j-AutoComplete : fonctionne uniquement avec les balises <input ; singleton

component

j-AutoDarkMode

Le composant applique automatiquement le mode sombre en fonction du système d'exploitation.

component

j-AutoExec

Ce composant exécute automatiquement une méthode définie dans l'option exec.

component

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.

component

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

component

j-Avatar

Le composant Avatar doit enregistrer votre propre thème. Il contient le thème par défaut.

component

j-BackToTop

j-BackToTop : fonctionne en singleton

component

j-Backup

Le composant permettant de sauvegarder et de charger des données depuis le stockage local du navigateur.

component

j-Banners

j-Banners : entièrement réactif ; animation CSS simple

component

j-BarChart

Veuillez consulter un exemple et conserver une source de données.

component

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é.

component

j-Breadcrumb

j-Breadcrumb : NOUVEAU : icône de flèche {String} (par défaut : ti ti-angle-right)

component

j-Button

Un composant de bouton simple avec d'excellentes fonctionnalités.

component

j-Calendar

Le composant doit être appelé manuellement ou fonctionne automatiquement avec le composant textbox ou j-Input. Le composant est un singleton.

component

j-Carousel

j-Carousel : prend en charge les gestes tactiles (balayage) et la taille réelle fixe sur mobile ; apprendre de l'exemple

component

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).

component

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

component

j-Checkbox

Options j-Checkbox : obligatoire, étiquette, désactivé, icône de contrôle, inverse

component

j-Checkboxlist

j-Checkboxlist : pour une conception personnalisée, vous pouvez utiliser j-CheckboxListExpert ; prend désormais en charge le mode sombre

component

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 !

component

j-CheckPath

j-CheckPath : Singleton ; Outil de développement

component

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 }, { ... }

component

j-Choose

Le composant est une alternative à CheckboxListExpert et RadioButtonListExpert.

component

j-ChunkyScroll

j-ChunkyScroll : peut gérer des milliers d'articles/éléments

component

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.

component

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 }}.

component

j-Click

Le composant appelle une méthode ou peut définir une valeur en fonction du chemin.

component

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.

component

j-Clipboard

j-Clipboard : Cela fonctionne en singleton ; Utilise navigator.clipboard.writeText() ou document.execCommand('copy') comme solution de secours

component

j-ClipboardImage

Ce composant capture automatiquement les images dans le Presse-papiers.

component

j-Clock

j-Clock : prend en charge le mode sombre ; fonctionne uniquement avec Bootstrap Grid System (sinon, il est nécessaire de corriger CSS)

component

j-CloudEditor

j-CloudEditor : cela fonctionne dans l'iframe ; prend en charge plusieurs curseurs (shift + cmd + flèche bas/haut)

component

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).

component

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

component

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)

component

j-ColorPicker

j-ColorPicker : le composant est singleton ; Sélecteur de couleurs simple

component

j-ColorPickerButton

j-ColorPickerButton : le composant est singleton ; Prend en charge le thème sombre

component

j-ColorSelector

Options j-ColorSelector : désactivée, obligatoire

component

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.

component

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

component

j-Confirm

j-Confirm : utilisation facile ; singleton

component

j-Console

j-Console : utilisation facile ; singleton

component

j-Console2

j-Console2 : utilisation facile ; prend en charge le mode sombre

component

j-ContentEditable

j-ContentEditable : utilisation facile ; prend en charge d'excellentes fonctionnalités

component

j-ContentSlider

Le code ci-dessous résout un problème de rendu du composant lorsque le composant est affiché dynamiquement.

component

j-ContextMenu

Si la valeur n'est pas définie, le composant utilise le nom comme valeur.

component

j-Controls

j-Controls : singleton

component

j-Cookie

j-Cookie : singleton ; utilise localStorage

component

j-Cookie2

j-Cookie2 : singleton ; utilise localStorage

component

j-CountDown

Le composant peut afficher une action lorsque le temps est expiré.

component

j-Crop

j-Crop : zoomer ; glisser-déposer

component

j-Dashboard

Le composant attend un tableau d'objets.

component

j-DataGrid

Cette grille a été créée pour les applications à page unique et les applications d'entreprise.

component

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.

component

j-DataTable

BÊTA : ce composant est destiné au listing SPA et côté serveur.

component

j-DatePicker

Le composant doit être appelé manuellement ou fonctionne automatiquement avec le composant j-Input. Le composant est un singleton.

component

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.

component

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.

component

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.

component

j-Diagram

Options j-Diagram : parent, marge, marginxs, marginsm, marginmd, marginlg, reverse

component

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.

component

j-Display

Le composant calcule automatiquement l'intervalle entre les affichages. Le type d'affichage par défaut est LG.

component

j-Dockable

Le composant ancrable attend un tableau d'objets.

component

j-DonutChart

Options j-DonutChart : info-bulle, format, présentation, sélection, redessiner, animer, taille, surbrillance

component

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

component

j-DragDropFiles

Options j-DragDropFiles : exécutable, classe, clic, accepter

component

j-Draggable

Un composant simple qui peut capturer l'opération glisser-déposer.

component

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

component

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.

component

j-Dropdown

Options j-Dropdown : obligatoire, éléments, icône, étiquette, type, source de données, texte, valeur

component

j-DropdownCheckbox

j-DropdownCheckbox : NOUVEAU prend désormais en charge le mode sombre

component

j-DropdownList

Options j-DropdownList : obligatoire, source de données, limite, désactivé, dirplaceholder, dirsearch, check

component

j-DropFiles

j-DropFiles : singleton ; capture tous les fichiers déposés dans la fenêtre

component

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

component

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

component

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

component

j-EAN13

Le composant dessinera le code-barres EAN-13 en fonction de la valeur du chemin.

component

j-Edit

Le composant active l'attribut contenteditable pour les éléments avec les classes edit ou edit2.

component

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.

component

j-ElementID

Ce composant remplit l'attribut data-id avec la valeur lue à partir du chemin.

component

j-Emoji

j-Emoji : utilisation d'emoji UTF ; Histoire personnelle avec des émoticônes fréquemment utilisées

component

j-EmojiButton

j-EmojiButton : le composant est singleton ; Prend en charge le thème sombre

component

j-Empty

j-Empty : NEW wait {Boolean} attend les données (par défaut : false)

component

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.

component

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.

component

j-Enterbox

Une simple EnterBox. Chaque valeur doit être confirmée via la touche Entrée ou en cliquant sur le bouton.

component

j-Error

j-Error : utilisation facile ; les erreurs ne sont affichées que si le chemin contient un tableau sous la forme ci-dessous :

component

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.

component

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

component

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)

component

j-ExpansionPanel

Options j-ExpansionPanel : multiple, icône, identifiant de données, titre, icône

component

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

component

j-FaIcons

j-FaIcons : icônes de polices géniales ; singleton

component

j-FaIconsButton

j-FaIconsButton : il utilise j-FaIcons

component

j-FaviconUnread

j-FaviconUnread : NOUVEAU badge {Boolean} facultatif, permet l'utilisation de navigator.setAppBadge() (par défaut : true)

component

j-Features

j-Features : uniquement pour les ordinateurs de bureau ; singleton

component

j-FeedbackButton

j-FeedbackButton : singleton ; utilisation universelle

component

j-FileBrowser

Le composant ouvrira un navigateur de fichiers et renverra les fichiers sélectionnés.

component

j-FileReader

j-FileReader : singleton ; utilisation facile

component

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.

component

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.

component

j-FileUploader

Un composant simple pour télécharger des fichiers. Il prend en charge le redimensionnement automatique des images.

component

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.

component

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

component

j-FloatingBox

j-FloatingBox : prend en charge le mode sombre

component

j-FloatingInput

j-FloatingInput : singleton ; prend en charge le mode sombre

component

j-FloatingPanel

Vous pouvez combiner des méthodes avec le composant j-Shortcuts.

component

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.

component

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

component

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.

component

j-FontAwesome

Un simple visualiseur FontAwesome avec recherche en texte intégral. Prend en charge une fonctionnalité récente et elle est réactive.

component

j-FontAwesomeBox

Un simple visualiseur FontAwesome avec recherche en texte intégral. Optimisé pour jComponent +v17.

component

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

component

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.

component

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

component

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

component

j-Gallery

j-Gallery : fonctionne avec le système Bootstrap Grid ; utilisation facile

component

j-Gauge

Options j-Gauge : décimales, format, couleurs, texte, contour

component

j-GPS

Le composant essaie de lire les coordonnées GPS.

component

j-Grid

Afficher les dossiers de table avec le filtre, la page et une source de données configurable.

component

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.

component

j-HighlightSyntax

Surligneur de syntaxe simple avec l'aide de Highlight.js.

component

j-Icons

j-Icons : liste d'icônes Total.js ; singleton

component

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

component

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.

component

j-iFrameModifiable

j-iFrameEditable : peut éditer du HTML en toute sécurité ; la hauteur de l'iframe est automatiquement comptée à partir du corps

component

j-iFramePreview

j-iFramePreview : utilisation facile, par ex. factures, courriers ou autres aperçus ; peut restituer du HTML en toute sécurité

component

j-iFrameViewer

Ce composant affiche un calque (sur le contenu) avec une iframe.

component

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.

component

j-ImageViewer

j-ImageViewer : singleton ; placez le composant sous <body element

component

j-ImportCSV

La sortie de ce composant est un tableau mappé. Le composant utilise le composant j-Directory.

component

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,

component

j-InfiniteScroll

Options j-InfiniteScroll : parent, marge, remplissage, défilement automatique, exécution

component

j-Info

j-Info : singleton ; show: SETTER('info', 'show', options)

component

j-InfoWindows

Le composant InfoWindows attend un tableau d'objets.

component

j-InlineDatePicker

Options j-InlineDatePicker : obligatoire, premier jour, aujourd'hui, jours, mois, badges, ajouter

component

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

component

j-InlineProperties

j-InlineProperties : utilisation facile pour différents cas ; singleton

component

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.

component

j-InputTags

j-InputTags : si licon ou ricon commence par ! alors le composant affiche une valeur brute au lieu d'une icône

component

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)

component

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.

component

j-JSONTree

j-JSONTree crée une arborescence à partir de données json.

component

j-Kanban

Important : chaque élément a besoin de son propre ID {String}, regardez l'exemple.

component

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.

component

j-KeyValue

Un composant simple pour créer des valeurs de paires clé/valeur.

component

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

component

j-Markdown

Ce composant contient uniquement l'analyseur Markdown.

component

j-Layer

j-Layer : fonctionne avec Bootstrap ; NOUVEAU : l'autofocus {Boolean/String} concentre la première entrée, textarea (par défaut : false)

component

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.

component

j-Layout2

La réalisation de la mise en page est très simple.

component

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.

component

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=''.

component

j-LazyLoad

j-LazyLoad : utilisation facile ; peut être utilisé pour tout

component

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.

component

j-LineChart

Veuillez consulter un exemple et conserver une source de données.

component

j-ListBox

j-ListBox : NOUVEAU mode sombre ; Fonctionne avec Bootstrap

component

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}.

component

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

component

j-Listing

j-Listing : utilisation facile ; fonctionne avec l'ensemble des tableaux uniquement côté client

component

j-ListMenu

Un composant ListMenu pour les éléments de liste personnalisés. Vous devez le styliser.

component

j-ListMenuEditable

Composant pour le menu de liste modifiable

component

j-LiveStats

j-LiveStats : prend en charge le mode sombre ; sensible

component

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.

component

j-Loading

j-Loading : il attribue automatiquement les drapeaux @showloading et @hideloading ; NOUVEAU : style {Number} un style de chargement (par défaut : 1)

component

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.

component

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.

component

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)

component

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

component

j-MarkdownEditor

Ce composant utilise l'éditeur https://simplemde.com/ pour l'édition de démarques.

component

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.

component

j-Masonry

Un simple composant de maçonnerie. Le composant restitue un tableau en fonction de la taille d'affichage des colonnes.

component

j-Menu

j-Menu : utilisation facile pour différents cas ; fonctionne avec des touches

component

j-Message

j-Message : singleton ; utilisation facile

component

j-MinHeight

Ce composant définit une hauteur minimale pour l'élément parent (défini). Le composant est utile pour les applications intranet.

component

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

component

j-MobileCarousel

Fonctionne uniquement avec le système de grille Bootstrap et sur les appareils mobiles XS.

component

j-Modal

Est une alternative simple à j-Form.

component

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.

component

j-MonacoEditor

Le composant restitue [Éditeur Monaco](https://microsoft.github.io/monaco-editor/).

component

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.

component

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'.

component

j-Movement

Ce composant capture les touches de base du clavier telles que les flèches, entrée et échap.

component

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.

component

j-NativeNotifications

j-NativeNotifications : utilisation facile ; singleton

component

j-Navigation

j-Navigation : un composant de navigation simple comme Tree ; facile à personnaliser

component

j-NavLayout

Une mise en page de navigation simple et entièrement réactive.

component

j-NoScrollbar

j-NoScrollbar : ce composant ressemble à j-ViewBox sans barre de défilement native/personnalisée

component

j-NoSQLcounter

j-NoSQLcounter : utilisation facile ; la source de données doit être au format : [{ id : 201702, année : 2017, mois : 2, valeur : 1690 }]

component

j-Notifications

j-Notifications : utilisation facile ; singleton

component

j-NotificationsPanel

j-NotificationsPanel : utilisation facile ; singleton

component

j-Notify

j-Notify : les erreurs sont traitées automatiquement

component

j-NotifyBar

j-NotifyBar : message de succès SETTER ('notifybar/success', 'MESSAGE')

component

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

component

j-ObjectTree

L’arbre d’objet élargi / collabible.

component

j-Offline

Ce composant affiche une boîte de message quand il n'y a pas de connexion Internet.

component

j-OneTime

Ce composant n'exécute qu'une seule fois une méthode et il attend l'expiration.

component

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.

component

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

component

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.

component

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

component

j-Parameters

Cette composante peut changer les paramètres internes.

component

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.

component

j-Parts

Ce contenu peut gérer plusieurs parties stockées dans l'Array et se concentrer sur une partie spécifique.

component

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.

component

j-Paste

Le composant capture l’événement.

component

j-Period

Le composant pour la sélection d'une période de temps.

component

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

component

j-Pictures

Le composant affiche des images dans une liste simple.Un utilisateur peut supprimer et réorganiser les images.

component

j-PictureUpload

j-PictureUpload : facile à utiliser ; fonctionne avec Bootstrap Grid

component

j-PictureUploadExpert

j-PictureUploadExpert : utilisation avancée ; support de tir et de descente

component

j-Pin

Un simple PIN.

component

j-Planner

Afficher les éléments programmés dans un plan.

component

j-Preview

Ce composant réaffiche automatiquement l'image selon les paramètres et le télécharge au serveur dans le format base64.

component

j-PriceRange

Le composant stocke la valeur en ligne 200-500, explication: de-à.

component

j-Printer

Le composant peut imprimer un contenu HTML.

component

j-Progress

j-Progress : animation

component

j-Prompt

Le composant (singleton) affiche une fenêtre immédiate avec une entrée de ligne unique ou multilienne.

component

j-Properties

Le composant utilise les composants j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker et j-FaIcons.

component

j-Properties2

Le composant utilise les composants j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker et j-Icons.

component

j-QRCode

Ce code est un code QR qui comprend le [Bibliothèque QRCode](https://davidshimjs.github.io/qrcodejs/).

component

j-QRCodeGenerator

j-QRCodeGenerator : facile à utiliser ; utilisant le serveur <http://goqr.me>

component

j-RadioButton

j-RadioButton : pour le design personnalisé, vous pouvez utiliser j-RadioButtonExpert ; maintenant, vous pourrez utiliser la source de données

component

j-RadioButtonExpert

Composant parfait pour le radiobutton avec des styles personnalisés. Il est un peu avancé mais il en vaut absolument la peine!

component

j-Range

j-Range : prend en charge le mode sombre

component

j-Rating

j-Rating : facile à utiliser

component

j-RawEditable

j-RawEditable est un composant simple avec une grande fonctionnalité cachée. il est ciblé pour une personnalisation supplémentaire.

component

j-RawInput

j-RawInput est un composant d'entrée simple avec une grande fonctionnalité cachée.

component

j-Ready

Ce composant exécute certaines opérations lorsque le composant est prêt.

component

j-reCAPTCHA

Affiche un défi reCAPTCHA et lie son jeton de réponse au modèle.

component

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..

component

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.

component

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.

component

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

component

j-Rows

Le composant Rows est une alternative très simple à j-Layout et j-Layout2.

component

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 .

component

j-Scanner

Le composant de l’enregistrement des documents.

component

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.

component

j-ScrollPercentage

Le composant doit être attaché à l'élément qui sera comme un conteneur de roulement.

component

j-Search

Composant de recherche en texte complet.Cette composante peut afficher / cacher des éléments selon la phrase de recherche.

component

j-SearchBox

Le composant contient une boîte de recherche (entrée).

component

j-SearchData

Ce composant tente de filtrer les données selon la phrase de recherche.

component

j-SearchInput

Introduction à la recherche personnalisable.

component

j-Section

j-Section: maintient une hauteur de pourcentage fixe; grande utilisation pour les applications intranet

component

j-SelectBox

j-SelectBox: NEW raw {Boolean} (optionnel) permet que le HTML brut soit rendu comme texte (defaut : faux)

component

j-Selected

Le composant peut définir une classe spécifique à un élément donné selon la condition simple.

component

j-Selection

Le composant prend en charge quelque chose comme la liste de checkbox.

component

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.

component

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

component

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 }

component

j-ShoppingCart

j-ShoppingCart : singleton ; supporte le rabais

component

j-Shortcuts

Ce composant peut aider à créer des raccourcis de clavier. le composant est singleton.

component

j-SingleUpload

Ce composant fonctionne avec le chargement (si le fichier est téléchargé) et le message (si un serveur jette une erreur).

component

j-Slider

Ce slider ne fonctionne que avec l'axe X de 100%. sortie: pourcentage (de 0 à 100).

component

j-SnackBar

j-SnackBar: singleton; message info SETTER('snackbar/show', 'MESSAGE', '[BUTTONLABEL]', [callbackdismiss]

component

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.

component

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>.

component

j-Spotlight

j-Spotlight : singleton ; fonctionne avec Bootstrap Grid System

component

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

component

j-Stats12

j-Stats12: hauteur, max, limite, haute lumière

component

j-Stats24

j-Stats24 options: hauteur, max, outiltiplarge, outilstipext, limite, accent

component

j-Stats7

j-Stats7 options: hauteur, max, limite, premier jour

component

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.

component

j-StatusInput

j-StatusInput: facile à utiliser pour différents cas; prend en charge le mode sombre

component

j-Sticker

j-Sticker: NEW: minheight {Number} une hauteur minimale de la zone de scroll pour l'application des classes

component

j-Suggestion

Si la valeur n'est pas définie, le composant utilise le nom comme valeur.

component

j-SVGIcons

Ce composant enregistre un nouveau composant Web dans le formulaire <ui-svgicon name='iconname'></ui-svgicon>.

component

j-Swiper

j-Swiper : pour les [La bibliothèque de Swiper.js](https://swiperjs.com/)• Utilisation facile

component

j-SwitchButton

j-SwitchButton options: requis, handicapé, limite, alignement, description

component

j-Table

Affichage des données dans une table configurable.

component

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.

component

j-TabMenu

j-TabMenu options: classe, sélectionneur, source de données, désactivé, exécutif, attr

component

j-Tabs

Options j-Tabs : icône, identifiant de données, titre, icon

component

j-Tagger

Le tagger peut rendre les articles dans l'arrondissement et chaque élément peut être supprimé.

component

j-Template

j-Template : lorsque le modèle est null ou non défini, le modèle sera caché

component

j-Templates

Les modèles doivent être définis en <script type='text/html' data-name='NAMEOFTEMPLATE'>Tangular template</script> élément.

component

j-Textarea

j-Textarea : Nouveau support de scrollbar caché

component

j-Textbox

j-Textbox: NEW INNERLABLE {Boolean} facultatif, permettant l'étiquette interne (defaut: vrai)

component

j-TextboxList

j-TextboxList: NEW mobile {Boolean} permet le changement de position pour les éléments existants

component

j-Time

Cette composante rend le temps actuel.

component

j-TimePicker

Le composant doit être appelé manuellement ou fonctionne avec le composant j-Input automatiquement.

component

j-Title

j-Title : utilisation facile ; singleton

component

j-ToggleBox

ToggleBox peut redémarrer ou cacher des articles dans Array.

component

j-ToggleButton

Les icônes peuvent être sous la forme : cercle ou ti-circle.

component

j-ToggleMore

C'est un simple élément pour traiter le contenu.

component

j-Tooltip

j-Tooltip : singleton ; utilisation universelle

component

j-TouchMove

Composant simple touchmove pour la navigation facile à toucher next/prev/up/down.

component

j-Tour

IMPORTANT: Placez ce composant au fond de l'élément du corps

component

j-Tree

Setter étend automatiquement chaque objet en ajoutant une propriété de pointer .$ avec un index d'arbre.

component

j-TreeView

Ce composant n’est qu’une prévision bêta, il est encore en construction.

component

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.

component

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.

component

j-Unsaved

j-Unsaved : facile à utiliser

component

j-Upload

Le composant peut effectuer le chargement de fichiers.

component

j-Validate

Le composant contient le même code source que le composant j-Validation.

component

j-Validation

Le composant contient le même code source que le composant j-Validate.

component

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

component

j-ViewBox

j-ViewBox: maintient une hauteur de pourcentage fixe; grande utilisation pour les applications intranet

component

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.

component

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.

component

j-Watcher

Ce composant exécute le code défini dans le tag <script type='text/js'></script>.

component

j-Wiki

Très bon contenu pour Wiki/Documentation.

component

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

component

j-Windows

Le composant des fenêtres attend une série d'objets.

component

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.

component

j-Wysiwyg

j-Wysiwyg : prend en charge le mode sombre

component

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.

component

j-PermissionsOP

Éditer les rôles, groupes et permissions d'utilisateur pour les applications OpenPlatform.

component

j-UIStudio

Render une application de flux UI Studio.

component

j-FlowEditor

Ouvrez le concepteur de flux pour un point de terminaison FlowStream WebSocket.

component

j-UIEditor

Ouvrir le UI Builder et recevoir des concepts sauvés.

component

j-ServiceWorker

Cache des actifs SPA et un retour hors ligne avec un travailleur de service.

component

j-Paper

Réduire un contenu riche comme une liste de widgets.

component

j-Changer

Suivez les modifications apportées à une valeur de modèle pour la validation du formulaire.

component

j-WebSocket

Envoyer et recevoir des messages JSON via un réconnecteur WebSocket.

component