de
English
Español
Slovenčina
Français
Italiano
Português
Polski
Čeština
Nederlands
Română
Magyar
Svenska
Ελληνικά
БългарскиKomponentenkatalog (jComponent 20)
UI-Komponenten für jComponent 20 mit Konfigurationsoptionen und Anwendungsbeispielen.
j-AjaxLoading
Diese Komponente kann einen Ladetext für asynchrone AJAX-Vorgänge anzeigen.
j-Animation
Diese Komponente kann Elemente mit der .animation-Klasse animieren.
j-Approve
j-Approve: einfache Bedienung; Singleton
j-ASelected
Die Komponente fügt die ausgewählte Klasse zu <einem Element hinzu, wenn das href-Attribut des Elements eine URL-Adresse aus dem Webbrowser enthält. Es ist auf öffentliche Websites ausgerichtet.
j-Attachments
Die Komponente zeigt Anhänge in der einfachen Liste an. Ein Benutzer kann Anhänge entfernen.
j-Audio
j-Audio: Singleton; Die Komponente kann Audio-/Sound-MP3 abspielen und stoppen
j-AutoComplete
j-AutoComplete: funktioniert nur mit <input-Tags; Singleton
j-AutoDarkMode
Die Komponente wendet je nach Betriebssystem automatisch den Dunkelmodus an.
j-AutoExec
Diese Komponente führt automatisch eine in der Option exec definierte Methode aus.
j-AutoFill
Die Komponente umschließt alle verschachtelten Elemente mit deaktivierten Formularereignissen in das <form>-Element.
j-AutoSelect
Die Komponente fügt automatisch die Klasse .selected entsprechend dem Selektor class='autoselect' im gesamten HTML-Dokument hinzu. Diese Komponente ist eine perfekte Lösung für serverseitiges Rendering und nachfolgende Renderings
j-Avatar
Die Avatar-Komponente muss Ihr eigenes Thema registrieren. Es enthält ein Standardthema.
j-BackToTop
j-BackToTop: Funktioniert als Singleton
j-Backup
Die Komponente zum Speichern und Laden von Daten im lokalen Speicher des Browsers.
j-Banners
j-Banners: voll reaktionsfähig; einfache CSS-Animation
j-BarChart
Bitte sehen Sie sich ein Beispiel an und bewahren Sie eine Datenquelle auf.
j-Box
Die Komponente unterstützt die dynamische Auswertung des Inhalts von <script type='text/html'>. Das folgende Beispiel enthält ein Skript mit HTML und die Komponente wertet den Inhalt aus, wenn j-Form angezeigt wird
j-Breadcrumb
j-Breadcrumb: NEU: Pfeilsymbol {String} Pfeilsymbol (Standard: ti ti-angle-right)
j-Button
Eine einfache Schaltflächenkomponente mit tollen Funktionen.
j-Calendar
Die Komponente muss manuell aufgerufen werden oder funktioniert automatisch mit Textbox oder j-Input-Komponente. Die Komponente ist ein Singleton.
j-Carousel
j-Carousel: Unterstützt Touch-Gesten (Wischen) und feste Vollgröße auf Mobilgeräten; aus Beispielen lernen
j-Carousel2
Ist eine einfache Karussellkomponente, die für Desktop-Computer und mobile Geräte optimiert ist. Jedes Element muss in das <figure>-Element eingeschlossen werden (siehe Beispiel).
j-Centered
Die neue Version dieser Komponente unterstützt die dynamische Auswertung des Inhalts von <script type='text/html'>. Das folgende Beispiel enthält ein Skript mit HTML und die Komponente wertet den Inhalt aus, wenn j-Fo
j-Checkbox
j-Checkbox-Optionen: erforderlich, Beschriftung, deaktiviert, Häkchensymbol, Umkehren
j-Checkboxlist
j-Checkboxlist: Für individuelles Design können Sie j-CheckboxListExpert verwenden; Unterstützt jetzt den Dunkelmodus
j-CheckboxListExpert
Perfekte Komponente für Checkboxlisten mit benutzerdefinierten Stilen. Es ist zwar etwas fortgeschritten, aber es lohnt sich auf jeden Fall!
j-CheckPath
j-CheckPath: Singleton; Entwicklungstool
j-Children
Die Komponente stellt ziehbare Elemente als Baum dar, ohne dass die Möglichkeit besteht, dass sie ausgeblendet werden. Die Datenquelle muss ein Objektarray in der Form sein: { id: String, untergeordnete Elemente: [ ], IHRE EIGENSCHAFTEN }, { ... }
j-Choose
Die Komponente ist eine Alternative zu CheckboxListExpert und RadioButtonListExpert.
j-ChunkyScroll
j-ChunkyScroll: Kann Tausende Elemente/Elemente verarbeiten
j-Cl
Die Komponente analysiert Inline-Daten, die im Element der Komponente definiert sind. Die Daten werden im Codelistenformat geparst.
j-ClBind
Die Komponente liest ein Element mit einer verknüpften Datenquelle. Die Komponente unterstützt die Tangular-Vorlage innerhalb des Elements (optional). Da der Wert in der Variablen {{ value.something }} gespeichert ist.
j-Click
Die Komponente ruft eine Methode auf oder kann einen Wert entsprechend dem Pfad festlegen.
j-ClickBox
Diese Komponente ist für SEO optimiert. Es liest alle Links und erstellt eine anklickbare Box. Die Komponente hebt automatisch einen Wert entsprechend dem URL-Parameter hervor.
j-Clipboard
j-Clipboard: Es funktioniert als Singleton; Verwendet navigator.clipboard.writeText() oder document.execCommand('copy') als Fallback
j-ClipboardImage
Diese Komponente erfasst automatisch Bilder in der Zwischenablage.
j-Clock
j-Clock: unterstützt den Dunkelmodus; Funktioniert nur mit Bootstrap Grid System (andernfalls muss CSS korrigiert werden)
j-CloudEditor
j-CloudEditor: es funktioniert im Iframe; unterstützt mehrere Cursor (Umschalt + cmd + Pfeil nach unten/oben)
j-CloudEditorSimple
Es ist eine einfache Alternative zu j-CloudEditor. Sie können die Hauptkonfiguration in der Konfiguration angeben, und der Wert ist {String} (in j-CloudEditor ist die Konfigurierung Teil des Wertes).
j-Code
Es ist eine einfache Alternative zu j-CloudEditor. Sie können die Hauptkonfiguration in der Konfiguration angeben, und der Wert ist {String} (in j-CloudEditor ist die Konfigurierung Teil des Wertes).
j-CodeMirror
j-CodeMirror: unterstützt mehrere Cursor (Umschalt + cmd + Pfeil nach unten/oben); unterstützt das Finden von ausgewähltem Text (cmd + d)
j-ColorPicker
j-ColorPicker: Komponente ist Singleton; Einfacher Farbwähler
j-ColorPickerButton
j-ColorPickerButton: Komponente ist Singleton; Unterstützt dunkles Thema
j-ColorSelector
j-ColorSelector-Optionen: deaktiviert, erforderlich
j-Columns
Die Komponente Columns ist eine sehr einfache Alternative zu j-Layout und j-Layout2. Mit dieser Komponente können Sie Spalten mit 100 % Höhe nach Ihren Bedürfnissen einstellen.
j-Configuration
j-Configuration: unterstützt den Dunkelmodus; NEU: Datenquelle {String} optional, ein Pfad zur Datenquelle für Konfigurationselemente
j-Confirm
j-Confirm: einfache Bedienung; Singleton
j-Console
j-Console: einfache Bedienung; Singleton
j-Console2
j-Console2: einfache Bedienung; unterstützt den Dunkelmodus
j-ContentEditable
j-ContentEditable: einfache Bedienung; unterstützt tolle Funktionen
j-ContentSlider
Der folgende Code löst ein Problem beim Rendern einer Komponente, wenn die Komponente dynamisch angezeigt wird.
j-ContextMenu
Wenn der Wert nicht definiert ist, verwendet die Komponente den Namen als Wert.
j-Controls
j-Controls: Singleton
j-Cookie
j-Cookie: Singleton; verwendet localStorage
j-Cookie2
j-Cookie2: Singleton; verwendet localStorage
j-CountDown
Die Komponente kann eine Aktion anzeigen, wenn die Zeit abgelaufen ist.
j-Crop
j-Crop: Zoom; Drag & Drop
j-Dashboard
Die Komponente erwartet ein Array von Objekten.
j-DataGrid
Dieses Raster wurde für Einzelseitenanwendungen und Unternehmensanwendungen erstellt.
j-DataSource
Die Komponente lädt Daten von der externen Quelle über die AJAX()-Methode und bindet den Wert entsprechend dem config.path.
j-DataTable
BETA: Diese Komponente ist für SPA und serverseitige Auflistung vorgesehen.
j-DatePicker
Die Komponente muss manuell aufgerufen werden oder funktioniert automatisch mit der Komponente j-Input. Die Komponente ist ein Singleton.
j-Detach
Die Komponente kann alle untergeordneten Elemente (HTML-Elemente) trennen/anhängen. Wenn Sie beispielsweise Elemente in einem Panel haben, können Sie die Elemente z. B. nach j-Windows verschieben.
j-Detail
Diese Komponente kann Werte aus dem Modell rendern. Unterstützt Inline-Mapping – schauen Sie sich den Quellcode des Beispiels an.
j-Developer
Diese Komponente überwacht die Einzelseitenanwendung jComponent. Fügen Sie einfach die Komponente unter dem <body>-Element ein. Es funktioniert nur mit jComponent +v18.
j-Diagram
j-Diagram-Optionen: parent, margin, marginxs, marginsm, marginmd, marginlg, reverse
j-Directory
Es handelt sich um eine ähnliche Komponente wie j-Suggestion, verfügt jedoch über ein verbessertes Design und unterstützt praktischere Funktionen.
j-Display
Die Komponente berechnet den Abstand zwischen den Anzeigen automatisch. Der Standardanzeigetyp ist LG.
j-Dockable
Die andockbare Komponente erwartet ein Array von Objekten.
j-DonutChart
j-DonutChart-Optionen: Tooltip, Format, Präsentation, Auswählen, Neuzeichnen, Animieren, Größe, Hervorheben
j-DragDropElement
Beim Drag-Ereignis wird ein modales Element innerhalb des angegebenen Elements mit Text angezeigt. Dateien hier ablegen und ablegen. Beim Verschieben gezogener Dateien vom Element weg oder beim Ablegen gezogener Dateien wird das Modal ausgeblendet. Auch bei Drop-Event-Exec-Funktion
j-DragDropFiles
j-DragDropFiles-Optionen: Exec, Klasse, Klicken, Akzeptieren
j-Draggable
Eine einfache Komponente, die Drag & Drop-Vorgänge erfassen kann.
j-Drawer
j-Drawer: NEU: width {Number} eine Standardbreite (Standard: 250); NEU: widthlg {Number} optional, Breite für große Displays
j-DrawZone
Die Komponente kann eine Zone (Polygon) zeichnen. Diese Komponente verwendet die [OpenLayers](https://openlayers.org/)-Bibliothek mit der [OpenStreetMap](https://www.openstreetmap.org/)-Karten-Engine.
j-Dropdown
j-Dropdown-Optionen: erforderlich, Elemente, Symbol, Beschriftung, Typ, Datenquelle, Text, Wert
j-DropdownCheckbox
j-DropdownCheckbox: NEU unterstützt jetzt den Dunkelmodus
j-DropdownList
j-DropdownList-Optionen: erforderlich, Datenquelle, Limit, deaktiviert, Dirplaceholder, Dirsearch, Check
j-DropFiles
j-DropFiles: Singleton; Erfasst alle im Fenster abgelegten Dateien
j-Duplicator
BETA-VERSION. Diese Komponente ist eine etwas besondere Komponente, da sie denselben Inhalt mehrmals mit unterschiedlichen Datenquellen duplizieren kann. Stellen Sie sich einen Texteditor mit Registerkarten vor, wobei jede Registerkarte Unterschiede enthält
j-DynamicValue
Diese Komponente ist eine ganz besondere Komponente. Es kann einen Wert, beispielsweise eine Zahl, behalten und gleichzeitig einen anderen lesbaren Text wiedergeben. Diese Komponente ist für die dynamische Nutzung optimiert und muss daher l sein
j-DynamicValueList
Diese Komponente ist eine ganz besondere Komponente. Es kann Werte wie z. B. Zahlen speichern und gleichzeitig einen anderen lesbaren Text wiedergeben. Diese Komponente ist für die dynamische Nutzung optimiert und muss daher li sein
j-EAN13
Die Komponente zeichnet den EAN-13-Barcode entsprechend dem Pfadwert.
j-Edit
Die Komponente aktiviert das contenteditable-Attribut für Elemente mit den Klassen edit oder edit2.
j-Editable
Diese Komponente kann alle Elemente mit bearbeitbarer Klasse bearbeiten. Es funktioniert mit Datenbindungs- oder dynamischen Werten. Erfahren Sie mehr anhand eines Beispiels.
j-ElementID
Diese Komponente füllt das data-id-Attribut mit dem aus dem Pfad gelesenen Wert.
j-Emoji
j-Emoji: UTF-Emoji verwenden; Persönlicher Verlauf mit häufig verwendeten Emoticons
j-EmojiButton
j-EmojiButton: Komponente ist Singleton; Unterstützt dunkles Thema
j-Empty
j-Empty: NEW wait {Boolean} wartet auf die Daten (Standard: false)
j-EmptyInline
Die Komponente zeigt Text innerhalb des Elements an, wenn der Wert leer ist oder das Array kein Element enthält.
j-Enter
Diese Komponente wertet eine Methode aus, wenn der Benutzer die Eingabetaste drückt. Wichtig: Die Komponente findet alle Eingabeelemente und führt CAN() für den Pfad aus.
j-Enterbox
Eine einfache EnterBox. Jeder Wert muss per Eingabetaste oder durch Klicken auf die Schaltfläche bestätigt werden.
j-Error
j-Error: einfache Bedienung; Fehler werden nur angezeigt, wenn der Pfad ein Array in der folgenden Form enthält:
j-ErrorHandler
Diese Komponente erfasst den Ereignisauslöser ON('ERROR', function(err) der ERROR()-Methode und versucht, das Formular komfortabler anzuzeigen.
j-Exec
Die Komponente führt eine Methode aus, wenn der Benutzer auf dasselbe Element mit der Klasse exec, exec2 oder exec3 klickt. Weitere Informationen finden Sie weiter unten. Die Komponente ist ein Singleton und funktioniert für den gesamten HTML-Code
j-Expander
j-Expander: NEUE Höhe {Number} a max. Höhe (Standard: 150); NEUES iconup {String}-Symbol oben (Standard: ti-angle-double-up)
j-ExpansionPanel
j-ExpansionPanel-Optionen: mehrere, Symbol, Daten-ID, Titel, Symbol
j-Extend
Bei dieser Komponente handelt es sich um eine spezifische Komponente mit leistungsstarker Funktionalität. Wenn die Komponente ausgewertet wird, führt sie zwei Ereignisse im folgenden Formular aus. Die Komponente kann in Webanwendungen hilfreich sein
j-FaIcons
j-FaIcons: Fantastische Schriftsymbole; Singleton
j-FaIconsButton
j-FaIconsButton: Es wird j-FaIcons verwendet
j-FaviconUnread
j-FaviconUnread: NEUES Abzeichen {Boolean} optional, ermöglicht die Verwendung von navigator.setAppBadge() (Standard: true)
j-Features
j-Features: nur für Desktop-Computer; Singleton
j-FeedbackButton
j-FeedbackButton: Singleton; universell einsetzbar
j-FileBrowser
Die Komponente öffnet einen Dateibrowser und gibt ausgewählte Dateien zurück.
j-FileReader
j-FileReader: Singleton; einfache Bedienung
j-FileSaver
Diese Komponente ist ein Wrapper für die [FileSaver.js-Bibliothek](https://github.com/eligrey/FileSaver.js/). Mit dieser Komponente können Sie lokal generierte Dateien ganz einfach direkt im Webbrowser speichern.
j-FileUpload
Ist eine sehr hilfreiche Komponente zum Hochladen von z.B. Profilfotos. Ich betrachte diese Komponente als Inline-Datei-Upload. Schauen Sie sich die HTML-Quelle an. Die Komponente lädt Dateien über Multipart/Form-Daten hoch.
j-FileUploader
Eine einfache Komponente zum Hochladen von Dateien. Es unterstützt die automatische Größenänderung von Bildern.
j-FileUploadList
Diese Komponente kann Dateien hochladen und das Ergebnis in das Modell einfügen. Modell muss das Array sein.
j-FixedModal
Der Inhalt des j-FixedModal ist in drei Teile unterteilt: Kopfzeile, Hauptteil und Fußzeile. Jeder Teil muss definiert werden. Die Komponente fügt jedem Teil CSS-Klassen hinzu, zum Beispiel enthält das erste Div ui-fixedmodal
j-FloatingBox
j-FloatingBox: Unterstützt den Dunkelmodus
j-FloatingInput
j-FloatingInput: Singleton; unterstützt den Dunkelmodus
j-FloatingPanel
Sie können Methoden mit der Komponente j-Shortcuts kombinieren.
j-FloatingSearch
Eine einfache schwebende Sucheingabe. Es verwendet die absolute Position und wird oberhalb der Symbolleisten ausgerichtet, da es die Symbolleiste überlagern kann.
j-Flow
j-Flow: Bezeichner dürfen kein Zeichen enthalten; NEU onpause {String} ein Pfad zur Methode fn(path, is), sie wird ausgeführt, wenn die Ausgabe/Eingabe angehalten wird
j-Folder
Die Komponente kann einen Inhalt wie einen Dateibrowser rendern. Der Pfad muss in der Form vorliegen, z.B. Verzeichnis/Verzeichnis/Datei. Lernen Sie aus Beispielen.
j-FontAwesome
Ein einfacher FontAwesome-Viewer mit Volltextsuche. Unterstützt eine aktuelle Funktion und reagiert.
j-FontAwesomeBox
Ein einfacher FontAwesome-Viewer mit Volltextsuche. Optimiert für jComponent +v17.
j-Form
Die neue Version dieser Komponente unterstützt die dynamische Auswertung des Inhalts von <script type='text/html'>. Das folgende Beispiel enthält ein Skript mit HTML und die Komponente wertet den Inhalt aus, wenn j-Fo
j-FormData
Mit dieser Komponente können Sie Daten über die POST/PUT/DELETE-Methode an das aktuelle Fenster oder ein anderes senden.
j-FormTab
j-FormTab: Die Komponente verschiebt den Inhalt dieser Komponente unter das Tag <body> (aufgrund der Positionierung); Die Komponente erwartet ein Array
j-FullForm
Die Komponente verschiebt den Inhalt dieser Komponente unter das Tag <body> (aufgrund der Positionierung) und unterstützt die Auswertung des Inhalts von <script type='text/html'>. Das folgende Beispiel enthält ein Skript
j-Gallery
j-Gallery: funktioniert mit Bootstrap Grid System; einfache Bedienung
j-Gauge
j-Gauge-Optionen: Dezimalzahlen, Format, Farben, Text, Strich
j-GPS
Die Komponente versucht, GPS-Koordinaten zu lesen.
j-Grid
Zeigen Sie Tabelldateien mit Filterung, Paging und einer konfigurierbaren Datenquelle.
j-HashChange
Die Komponente erfasst alle Änderungen für #hashtag in der URL-Adresse. Bei einer Änderung wird ein Ereignis-Hash ausgegeben. Die Komponente reagiert auf die realen Veränderungen.
j-HighlightSyntax
Einfacher Syntax-Highlighter mit Hilfe von Highlight.js.
j-Icons
j-Icons: Total.js Symbolliste; Singleton
j-IdleTime
Diese Komponente gibt das Ereignis ON('idletime', function(is) {}) aus, wenn sich die Website im Leerlauf befindet. Es reagiert auf Maus, Tastatur, Berührungsereignisse oder das Fokussieren des Fensters. Und die Komponente setzt den Booleschen Wert entsprechend
j-iFrame
Die Komponente rendert eine andere URL-Adresse (gespeichert im Pfadattribut) direkt im Iframe. Der größte Vorteil ist die automatische Größenanpassung des Iframe-Elements entsprechend der übergeordneten Auswahl.
j-iFrameEditable
j-iFrameEditable: kann HTML sicher bearbeiten; Die Höhe des Iframes wird automatisch vom Körper aus gezählt
j-iFramePreview
j-iFramePreview: einfache Nutzung für z.B. Rechnungen, E-Mails oder andere Vorschauen; kann HTML sicher rendern
j-iFrameViewer
Diese Komponente zeigt eine Ebene (über dem Inhalt) mit einem Iframe.
j-ImageUploader
Eine einfache Singleton-Komponente zum Hochladen von Bildern mit geänderter Größe. Die Komponente lädt Base64 gemäß dem in den Optionen des Aufrufers definierten Schema hoch.
j-ImageViewer
j-ImageViewer: Singleton; Platzieren Sie die Komponente unter <body element
j-ImportCSV
Die Ausgabe dieser Komponente ist ein zugeordnetes Array. Die Komponente verwendet die Komponente j-Directory.
j-Importer
j-Import ist eine großartige Komponente zum Importieren von HTML-Vorlagen, Skripten oder Stilen entsprechend Pfad und Bedingung. Die Komponente kann bei SPA-Anwendungen hilfreich sein, da Sie problemlos Vorlagen importieren können.
j-InfiniteScroll
j-InfiniteScroll-Optionen: Parent, Margin, Padding, Autoscroll, Exec
j-Info
j-Info: Singleton; show: SETTER('info', 'show', Optionen)
j-InfoWindows
Die InfoWindows-Komponente erwartet ein Array von Objekten.
j-InlineDatePicker
j-InlineDatePicker-Optionen: erforderlich, erster Tag, heute, Tage, Monate, Abzeichen, Anhängen
j-InlineForm
Die neue Version dieser Komponente unterstützt die dynamische Auswertung des Inhalts von <script type='text/html'>. Das folgende Beispiel enthält ein Skript mit HTML und die Komponente wertet den Inhalt aus, wenn j-In
j-InlineProperties
j-InlineProperties: einfache Verwendung für verschiedene Fälle; Singleton
j-Input
j-Input ist eine multifunktionale Eingabekomponente, die viele Funktionen unterstützt und für den täglichen Gebrauch optimiert ist. Es ist eine großartige Alternative zu j-Textbox und j-Dropdown. Funktioniert nur mit jComponent +v17.
j-InputTags
j-InputTags: wenn licon oder ricon mit ! beginnt dann rendert die Komponente einen Rohwert anstelle eines Symbols
j-Intro
j-Intro: NEU: Verzögerung {Number} eine Verzögerung für die Schaltfläche „Weiter“ zwischen Klicks; NEU: nexticon {String} ein Fertig-Symbol (Standard: ti ti-chevron-right)
j-IsOpen
j-IsOpen ist eine einfache Komponente zur Anzeige von Öffnungszeiten. Die Komponente unterstützt die automatische Aktualisierung von Datum und Uhrzeit.
j-JSONTree
j-JSONTree erstellt eine Baumansicht aus JSON-Daten.
j-Kanban
Wichtig: Jeder Artikel benötigt eine eigene ID {String}, siehe Beispiel.
j-KeySelection
Mit dieser Komponente kann der Benutzer einige Elemente mit den Auf-/Ab-Tasten auswählen und die Auswahl mit der Eingabetaste bestätigen.
j-KeyValue
Eine einfache Komponente zum Erstellen von Schlüssel-/Wertpaarwerten.
j-LargeForm
Die neue Version dieser Komponente unterstützt die dynamische Auswertung des Inhalts von <script type='text/html'>. Das folgende Beispiel enthält ein Skript mit HTML und die Komponente wertet den Inhalt aus, wenn j-Fo
j-Markdown
Diese Komponente enthält nur den Markdown-Parser.
j-Layer
j-Layer: Funktioniert mit Bootstrap; NEU: Autofokus {Boolean/String} fokussiert die erste Eingabe, Textbereich (Standard: false)
j-Layout
Die Erstellung des Layouts ist sehr einfach und bietet viele Möglichkeiten. Das Layout muss eine eigene HTML-Struktur haben. Schauen Sie sich das Beispiel an. Das folgende Beispiel beschreibt nur Metadaten des Layouts.
j-Layout2
Die Erstellung des Layouts ist sehr einfach.
j-LazyContent
Diese Komponente zeigt eigene Inhalte an, wenn diese sichtbar sind. Es unterstützt hilfreiche Funktionen wie Neuzeichnen und Ausblenden.
j-LazyImages
Die Komponente versucht, alle <img-Elemente mit dem Attribut data-src='' zu finden. Wenn das Element sichtbar ist, aktualisiert die Komponente das Attribut src='' mit dem Wert aus dem Attribut data-src=''.
j-LazyLoad
j-LazyLoad: einfache Bedienung; kann für alles verwendet werden
j-Leaflet
Diese Komponente verwendet die [Leaflet](https://leafletjs.com/)-Bibliothek mit der [OpenStreetMap](https://www.openstreetmap.org/)-Karten-Engine. Die Komponente nutzt Abhängigkeiten von Drittanbietern.
j-LineChart
Bitte sehen Sie sich ein Beispiel an und bewahren Sie eine Datenquelle auf.
j-ListBox
j-ListBox: NEUER Dunkelmodus; Funktioniert mit Bootstrap
j-ListDetail
Die Komponente unterteilt den Inhalt in Listenteil und Detailteil. Die Anzeige des Detailteils hängt vom Pfad {Boolean} ab.
j-ListForm
j-ListForm: NEU: Verzögerung {Number} anfängliche Verzögerung für die Anzeige von Details (Standard: 1000 ms); NEU: Component.add() öffnet ein Formular zum Erstellen eines Datensatzes
j-Listing
j-Listing: einfache Bedienung; Funktioniert mit den gesamten Arrays nur auf der Client-Seite
j-ListMenu
Eine ListMenu-Komponente für benutzerdefinierte Listenelemente. Sie müssen es stylen.
j-ListMenuEditable
Komponente für bearbeitbares Listenmenü
j-LiveStats
j-LiveStats: unterstützt den Dunkelmodus; reaktionsschnell
j-LoadContent
Die Komponente lädt einen Inhalt aus der Vorlage <script type='text/html'> und hängt ihn an das Element an. Es ist eine großartige Lösung für wiederverwendbare Inhalte. Lernen Sie aus Beispielen.
j-Loading
j-Loading: Es weist automatisch die Flags @showloading und @hideloading zu; NEU: Stil {Number} ein Ladestil (Standard: 1)
j-Locale
Diese Komponente legt das aktuelle Browser-Gebietsschema (Zahlenformat, Datumsformat und Zeitformat) entsprechend der Navigationssprache fest.
j-MainProgress
Diese Komponente ist Singleton. Die Komponente ist sichtbar, wenn der Wert größer als 0 und kleiner als 100 ist. Die Datenbindung erwartet eine Zahl.
j-Map
j-Map: einfache Bedienung; Die bidirektionale Bindung funktioniert mit GPS (die Komponente gibt also GPS-Koordinaten in das Modell zurück, wenn der Text anstelle von GPS verwendet wird).
j-MapZones
Die Komponente zum Zeichnen und Anzeigen von Zonen auf der Karte. Diese Komponente verwendet die [OpenLayers](https://openlayers.org/)-Bibliothek mit der [OpenStreetMap](https://www.openstreetmap.org/)-Karten-Engine. Die Co
j-MarkdownEditor
Diese Komponente verwendet den https://simplemde.com/-Editor für die Markdown-Bearbeitung.
j-MarkdownPreview
Diese Komponente hängt von der Komponente j-Markdown ab. Für die Syntaxhervorhebung wird die Bibliothek „highlight.js“ verwendet.
j-Masonry
Eine einfache Mauerwerkskomponente. Die Komponente rendert ein Array entsprechend der Anzeigegröße in Spalten.
j-Menu
j-Menu: einfache Verwendung für verschiedene Fälle; arbeitet mit Berührungen
j-Message
j-Message: Singleton; einfache Bedienung
j-MinHeight
Diese Komponente legt eine Mindesthöhe für das übergeordnete (definierte) Element fest. Die Komponente ist nützlich für Intranet-Anwendungen.
j-MiniForm
Die neue Version dieser Komponente unterstützt die dynamische Auswertung des Inhalts von <script type='text/html'>. Das folgende Beispiel enthält ein Skript mit HTML und die Komponente wertet den Inhalt aus, wenn j-Mi
j-MobileCarousel
Funktioniert nur mit dem Bootstrap-Grid-System und auf mobilen Geräten xs.
j-Modal
Ist eine einfache Alternative zu j-Form.
j-Modificator
Diese Komponente kann das Verhalten des Elements gemäß dem vordefinierten Schema ändern. Die Komponente kann an ein Körperelement angeschlossen werden (da es sich um ein Singleton handelt) und ist für die Leistung optimiert.
j-MonacoEditor
Die Komponente rendert [Monaco editor](https://microsoft.github.io/monaco-editor/).
j-MonthlyCalendar
Monats- und Tagesnamen werden den Eigenschaften MONTHS und DAYS entnommen, die in der Bibliothek jComponent definiert sind.
j-Movable
Die Komponente verarbeitet ähnliche ziehbare Elemente und unterstützt die Bewegung untereinander. Jedes Element gemäß dem Selektor muss über ein definiertes Draggable='true'-Attribut verfügen.
j-Movement
Diese Komponente erfasst grundlegende Tastaturtasten wie Pfeile, Eingabetaste und Esc.
j-MultiOptions
Die MultiOptions-Komponente verwendet dieses Farbschema: <http://codepen.io/devi8/pen/lvIeh> und die folgende Deklaration zeigt alle Farben in den Widget-Einstellungen an.
j-NativeNotifications
j-NativeNotifications: einfache Bedienung; Singleton
j-Navigation
j-Navigation: eine einfache Navigationskomponente wie Tree; einfach für die Anpassung
j-NavLayout
Ein einfaches und vollständig ansprechendes Navigationslayout.
j-NoScrollbar
j-NoScrollbar: Diese Komponente ist so etwas wie j-ViewBox ohne native/benutzerdefinierte Bildlaufleiste
j-NoSQLcounter
j-NoSQLcounter: einfache Bedienung; Die Datenquelle muss folgendes Format haben: [{ id: 201702, Jahr: 2017, Monat: 2, Wert: 1690 }]
j-Notifications
j-Notifications: einfache Bedienung; Singleton
j-NotificationsPanel
j-NotificationsPanel: einfache Bedienung; Singleton
j-Notify
j-Notify: Fehler werden automatisch behandelt
j-NotifyBar
j-NotifyBar: Singleton; Erfolgsmeldung SETTER('notifybar/success', 'MESSAGE')
j-ObjectEditor
j-ObjectEditor: NEU: exec {String} ein Pfad zur Funktion (Schlüssel, Wert) und sie wird ausgeführt, wenn der Wert geändert wird
j-ObjectTree
Erweiterbarer/reduzierbarer Objektbaum.
j-Offline
Diese Komponente zeigt ein Meldungsfeld an, wenn keine Internetverbindung besteht.
j-OneTime
Diese Komponente führt eine Methode nur einmal aus und wartet auf den Ablauf.
j-Packeta
Mit dieser Komponente können Kunden einen [Packeta](https://www.packeta.com/)-Abholpunkt auswählen. Nach der Auswahl wird ein vollständiges Abholpunktobjekt abgerufen, das über eine Callback-Funktion verarbeitet werden kann
j-Page
Diese Komponente kann verschiedene Inhalte asynchron verarbeiten. Die Komponente hat die gleiche Funktionalität wie j-Part. Wenn das Element keinen Inhalt enthält, lädt die Komponente den Inhalt entsprechend herunter
j-Pages
Die Komponente ist eine bessere Alternative zur Komponente j-Section. Dadurch können Sie ganz einfach eine mehrseitige App mit dynamischem Laden von Inhalten bei Bedarf erstellen. Das Ergebnis sieht für Mobilgeräte sehr intuitiv aus
j-Panel
Die neue Version dieser Komponente unterstützt die dynamische Auswertung des Inhalts von <script type='text/html'>. Das folgende Beispiel enthält ein Skript mit HTML und die Komponente wertet den Inhalt aus, wenn j-Pa
j-Parameters
Diese Komponente kann interne Parameter ändern.
j-Part
Diese Komponente kann verschiedene Inhalte asynchron verarbeiten. Wenn das Element keinen Inhalt enthält, lädt die Komponente den Inhalt entsprechend der in der Konfiguration definierten URL herunter.
j-Parts
Dieser Inhalt kann mehrere im Array gespeicherte Teile verarbeiten und sich auf einen bestimmten Teil konzentrieren. Es simuliert so etwas wie Browser-Tabs.
j-PasswordMeter
Diese Komponente wertet das Passwort anhand der Bewertung aus. Die Bewertung wird als Prozentsatz gezählt: 100 % = Stark, 50 % = Gut, 0 % = Schwach.
j-Paste
Die Komponente erfasst das Einfügeereignis.
j-Period
Die Komponente zum Auswählen eines Zeitraums.
j-Permissions
j-Permissions: - jComponent v19|v20; NEU: exec {String} optional, es führt eine Methode (path.to.method) aus, wenn der Benutzer den Wert ändert
j-Pictures
Die Komponente zeigt Bilder in einer einfachen Liste an. Ein Benutzer kann Bilder entfernen und neu anordnen.
j-PictureUpload
j-PictureUpload: einfache Bedienung; Funktioniert mit dem Bootstrap Grid System
j-PictureUploadExpert
j-PictureUploadExpert: erweiterte Nutzung; Drag-and-Drop-Unterstützung
j-Pin
Ein einfacher PIN-Maker.
j-Planner
Zeigen Sie geplante Elemente in einem Planer.
j-Preview
Diese Komponente passt die Größe des Bildes automatisch entsprechend den Einstellungen an und lädt es im Base64-Format auf den Server hoch.
j-PriceRange
Die Komponente speichert den Wert als Zeichenfolge 200-500, Erklärung: von-bis.
j-Printer
Die Komponente kann einen HTML-Inhalt drucken.
j-Progress
j-Progress-Optionen: animieren
j-Prompt
Die Komponente (Singleton) zeigt ein Eingabeaufforderungsfenster mit einzeiliger oder mehrzeiliger Eingabe an.
j-Properties
Die Komponente verwendet die Komponenten j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker und j-FaIcons.
j-Properties2
Die Komponente verwendet die Komponenten j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker und j-Icons.
j-QRCode
Diese Komponente erstellt einen QR-Code. Es enthält die [QRCode-Bibliothek](https://davidshimjs.github.io/qrcodejs/).
j-QRCodeGenerator
j-QRCodeGenerator: einfache Bedienung; verwendet den Server <http://goqr.me>
j-RadioButton
j-RadioButton: Für individuelles Design können Sie j-RadioButtonExpert verwenden; Jetzt können Sie die Datenquelle verwenden
j-RadioButtonExpert
Perfekte Komponente für Radiobuttons mit benutzerdefinierten Stilen. Es ist zwar etwas fortgeschritten, aber es lohnt sich auf jeden Fall!
j-Range
j-Range: Unterstützt den Dunkelmodus
j-Rating
j-Rating: einfache Bedienung
j-RawEditable
j-RawEditable ist eine einfache Komponente mit einer großen versteckten Funktionalität. Es ist für zusätzliche Anpassungen vorgesehen.
j-RawInput
j-RawInput ist eine einfache Eingabekomponente mit einer großen versteckten Funktionalität. Es ist für zusätzliche Anpassungen vorgesehen.
j-Ready
Diese Komponente führt einige Vorgänge aus, wenn die Komponente bereit ist.
j-reCAPTCHA
Zeigt eine reCAPTCHA-Abfrage an und bindet deren Antwort-Token an das Modell.
j-Releaser
Die Komponente kann nach einiger Zeit eigenen Inhalt (DOM) + Speicher freigeben. Wir empfehlen die Verwendung für j-DataGrid, j-CodeMirror, j-CloudEditor usw.
j-Remember
Die Komponente ruft innerhalb des Wiederholungsintervalls eine Funktion auf. Informationen zum vorherigen Anruf werden in localStorage gespeichert.
j-Resource
Ressourcen sind eine sehr gute Lösung für z.B. Übersetzen Sie einige Texte in allen Skripten. Die Komponente kann mehrfach angehängt werden und alle Komponenten verwenden ein Repository zum Speichern von Schlüsseln und Werten.
j-Restart
Die Komponente ist sehr primitiv und zeigt den Inhalt nur an, wenn der Wert positiv ist. Dies kann für Einzelseitenanwendungen nützlich sein, die eine Version im Hintergrund und im Frontend ändern
j-Rows
Die Komponente Rows ist eine sehr einfache Alternative zu j-Layout und j-Layout2.
j-Rules
Die Komponente kann einfache Regeln erstellen, die Sie in einige Engines wie Total.js Flow umwandeln können. Die Komponente verwendet die Komponente j-Directory.
j-Scanner
Die Komponente zum Scannen von Dokumenten.
j-Scrollbar
Benutzerdefinierte Bildlaufleisten. WICHTIG: Der aktuelle Inhalt wird umbrochen, indem zwei verschachtelte div-Elemente mit relativer Position hinzugefügt werden. Es funktioniert nur mit jComponent v17.
j-ScrollPercentage
Die Komponente muss an das Element angehängt werden, das als Scroll-Container dient. Verwenden Sie für das gesamte Fenster das Body-Element.
j-Search
Einfache Volltextsuchkomponente. Diese Komponente kann Elemente entsprechend der Suchphrase ein-/ausblenden.
j-SearchBox
Die Komponente enthält ein Suchfeld (Eingabe).
j-SearchData
Diese Komponente versucht, Daten entsprechend der Suchphrase zu filtern.
j-SearchInput
Anpassbare Sucheingabe.
j-Section
j-Section: behält eine feste prozentuale Höhe bei; Tolle Verwendung für Intranet-Anwendungen
j-SelectBox
j-SelectBox: NEU raw {Boolean} (optional) ermöglicht die Darstellung von rohem HTML als Text (Standard: false)
j-Selected
Die Komponente kann gemäß der einfachen Bedingung eine bestimmte Klasse auf ein bestimmtes Element festlegen.
j-Selection
Die Komponente unterstützt so etwas wie eine Kontrollkästchenliste.
j-ServerGrid
BETA-VERSION. Dieses Raster ist für Einzelseiten- und Unternehmensanwendungen konzipiert. Es ist eine einfache Alternative zum viel leistungsstärkeren j-DataGrid.
j-ServerList
BETA-VERSION. Diese Komponente ist für Einzelseiten- und Unternehmensanwendungen konzipiert. Sie verfügt über fast die gleiche Funktionalität wie j-ServerGrid, bietet Entwicklern jedoch mehr Freiheit bei der Erstellung benutzerdefinierter Elemente
j-ServerListing
j-ServerListing: einfache Bedienung; zweites Modell $ enthält Informationen zur Datenquelle { Index: Nummer, Seite: Nummer, Seiten: Nummer, Anzahl: Nummer, Wert: YOURDATA }
j-ShoppingCart
j-ShoppingCart: Singleton; unterstützt Rabatt
j-Shortcuts
Diese Komponente kann beim Erstellen von Tastaturkürzeln helfen. Die Komponente ist Singleton.
j-SingleUpload
Diese Komponente arbeitet mit der Ladekomponente (beim Hochladen der Datei) und der Nachrichtenkomponente (wenn der Server einen Fehler auslöst).
j-Slider
Dieser Schieberegler funktioniert nur mit 100 % X-Achse. Ausgabe: Prozentsatz (von 0 bis 100).
j-SnackBar
j-SnackBar: Singleton; info message SETTER('snackbar/show', 'MESSAGE', '[BUTTONLABEL]', [callbackdismiss])
j-Sounds
Diese Komponente enthält einige vordefinierte Sounds wie Piepton, Fehler, Erfolg usw. Pfad enthält eine Lautstärkeregelung in Prozent, 0 deaktiviert die Wiedergabe.
j-SplashScreen
Ein Begrüßungsbildschirm für Einzelseitenanwendungen. Der Text muss in das <script type='text/html'>HTML</script>-Tag eingeschlossen werden. Die Komponente wird automatisch zerstört.
j-Spotlight
j-Spotlight: Singleton; Funktioniert mit dem Bootstrap Grid System
j-Stash
Die Komponente kann Elemente verschieben, ohne das DOM zu zerstören und zu trennen. Diese Komponente kann Ihnen bei dynamischen Inhalten von der Serverseite helfen. Wir verwenden die Komponente im Total.js FlowStre
j-Stats12
j-Stats12-Optionen: Höhe, Maximum, Rand, Hervorhebung
j-Stats24
j-Stats24-Optionen: Höhe, Max, Tooltiplarge, Tooltip, Tooltiptext, Rahmen, Hervorhebung
j-Stats7
j-Stats7-Optionen: Höhe, Maximum, Rand, Hervorhebung, erster Tag
j-StatsBarSimple
Die Komponente muss über eine definierte Vorlage zum Rendern von Inhalten und einen Tooltip verfügen. Zum Verständnis schauen Sie sich das Beispiel an.
j-StatusInput
j-StatusInput: einfache Verwendung für verschiedene Fälle; unterstützt den Dunkelmodus
j-Sticker
j-Sticker: NEU: minheight {Number} eine minimale Höhe des Scrollbereichs zum Anwenden von Klassen
j-Suggestion
Wenn der Wert nicht definiert ist, verwendet die Komponente den Namen als Wert.
j-SVGIcons
Diese Komponente registriert eine neue Webkomponente in der Form <ui-svgicon name='iconname'></ui-svgicon>.
j-Swiper
j-Swiper: Wrapper für [Swiper.js-Bibliothek](https://swiperjs.com/); einfache Bedienung
j-SwitchButton
j-SwitchButton-Optionen: erforderlich, deaktiviert, Rahmen, Ausrichtung, Beschreibung
j-Table
Aufzeichnungen in einer konfigurierbaren Tabelle.
j-TableGrid
Die Komponente erstellt ein einfaches Tabellenraster (bestehend aus div-Elementen), das durch einen einfachen Rahmen unterteilt ist, den Sie ändern können.
j-TabMenu
j-TabMenu-Optionen: Klasse, Selektor, Datenquelle, deaktiviert, exec, attr
j-Tabs
j-Tabs-Optionen: Symbol, Daten-ID, Titel, Symbol
j-Tagger
Tagger kann Elemente im Array rendern und jedes Element kann entfernt werden.
j-Template
j-Template: Wenn das Modell null oder undefiniert ist, wird die Vorlage ausgeblendet
j-Templates
Vorlagen müssen im Element <script type='text/html' data-name='NAMEOFTEMPLATE'>Tangular template</script> definiert werden. Diese Komponente unterstützt eine spezielle Vorlage namens empty, die sichtbar ist, wenn t
j-Textarea
j-Textarea: NEU unterstützt versteckte Bildlaufleiste
j-Textbox
j-Textbox: NEUES innerlabel {Boolean} optional, aktiviert inneres Label (Standard: true)
j-TextboxList
j-TextboxList: Der neue bewegliche {Boolesche Wert} ermöglicht das Ändern der Position für vorhandene Elemente
j-Time
Diese Komponente rendert eine aktuelle Zeit.
j-TimePicker
Die Komponente muss manuell aufgerufen werden oder funktioniert automatisch mit der Komponente j-Input. Diese Komponente ist ein Singleton.
j-Title
j-Title: einfache Bedienung; Singleton
j-ToggleBox
ToggleBox kann Elemente im Array neu anordnen oder ausblenden. Die Komponente erwartet Array.
j-ToggleButton
Symbole können die Form eines Kreises oder eines Kreises haben.
j-ToggleMore
Ist eine einfache Komponente zum Umschalten von Inhalten.
j-Tooltip
j-Tooltip: Singleton; universell einsetzbar
j-TouchMove
Einfache Touchmove-Komponente für einfache Touch-Navigation weiter/zurück/auf/ab.
j-Tour
WICHTIG: Platzieren Sie diese Komponente auf der Unterseite des Körperelements
j-Tree
Setter erweitert jedes Objekt automatisch, indem es die Eigenschaft .$pointer mit einem Baumindex hinzufügt.
j-TreeView
Bei dieser Komponente handelt es sich lediglich um eine Beta-Vorschau. Es ist noch im Aufbau.
j-Typed
Die Konfiguration ist dieselbe wie [typed.js](https://github.com/mattboldt/typed.js#customization). Der einzige Unterschied besteht darin, dass alle Tasten in Kleinbuchstaben geschrieben sind. Dadurch soll die Konsistenz mit anderen Komponenten gewahrt bleiben. Das Ein
j-UIBuilder
Diese Komponente rendert die über UI Builder entworfene Anwendung. Sie können die App über den in der Komponente angegebenen Pfad oder über die Option config.url laden. Der Pfad kann eine URL-Adresse zum JSO enthalten
j-Unsaved
j-Unsaved: einfache Bedienung
j-Upload
Die Komponente kann das Hochladen von Dateien durchführen.
j-Validate
Die Komponente enthält denselben Quellcode wie die Komponente j-Validation.
j-Validation
Die Komponente enthält denselben Quellcode wie die Komponente j-Validate.
j-View
Diese Komponente kann für wiederverwendbare Ansichten in Intranet-Apps hilfreich sein. Die Komponente schließt die Ansicht in den isolierten Bereich ein und der Wert gemäß dem Komponentenpfad wird als Modell für v verwendet
j-ViewBox
j-ViewBox: behält eine feste prozentuale Höhe bei; Tolle Verwendung für Intranet-Anwendungen
j-VirtualWire
Dies ist eine ganz besondere UI-Komponente, die Elemente entsprechend dem Selektor und dem Wert des Pfads von einem Element zu einem anderen verschieben kann. Schauen Sie sich zum Verständnis das Beispiel an.
j-Watch
Die Komponente kann die Methode in der Form Funktion (Wert, Element, Typ, Pfad) auswerten, wenn sich der Wert (entsprechend dem Pfad) ändert. Die Komponente kann die Beobachtung von Änderungen im Modell vereinfachen.
j-Watcher
Diese Komponente führt den im Tag <script type='text/js'></script> definierten Code aus.
j-Wiki
Tolle Komponente für Inline-Wiki/Dokumentation.
j-Window
Eine neue Version dieser Komponente unterstützt die dynamische Auswertung des Inhalts von <script type='text/html'>. Das folgende Beispiel enthält ein Skript mit HTML und die Komponente wertet den Inhalt aus, wenn der j-
j-Windows
Die Windows-Komponente erwartet ein Array von Objekten.
j-WizardExpert
Eine einfache Lösung zur Erstellung erweiterter Assistenten. Der Assistent lädt Schritte (als HTML-Teile) gemäß dem Schema herunter. Schritte sind in benutzerdefinierte Bereiche eingeschlossen und werden daher validiert.
j-Wysiwyg
j-Wysiwyg: Unterstützt den Dunkelmodus
j-Xterm
Die Komponente rendert eine Terminalausgabe/-eingabe direkt im Webbrowser. WICHTIG: Das Beispiel funktioniert nicht wie erwartet, es benötigt eine echte Terminalausgabe.
j-PermissionsOP
Bearbeiten Sie Rollen-, Gruppen- und Benutzerberechtigungen für OpenPlatform-Anwendungen.
j-UIStudio
Rendern Sie eine Flow UI Studio-Anwendung.
j-FlowEditor
Öffnen Sie den Flow-Designer für einen Endpunkt FlowStream WebSocket.
j-UIEditor
Öffnen Sie UI Builder und erhalten Sie gespeicherte Designs.
j-ServiceWorker
Zwischenspeichern von SPA-Assets und ein Offline-Fallback mit einem Servicemitarbeiter.
j-Paper
Bearbeiten Sie Rich Content als Liste von Widgets.
j-Changer
Verfolgen Sie Änderungen an einem Modellwert zur Formularvalidierung.
j-WebSocket
Senden und empfangen Sie JSON-Nachrichten über einen erneut verbindenden WebSocket.