ForgeKomponenter
sv

Komponentkatalog (jComponent 20)

Gränssnittskomponenter för jComponent 20, med konfigurationsalternativ och användningsexempel.

ReceptTaggar

j-AjaxLoading

Denna komponent kan visa en laddningsteknik för async AJAX-verksamhet.

component

j-Animation

Denna komponent kan animera element med .animation klass.

component

j-Approve

j-Approve: Lätt att använda; singleton

component

j-ASelected

Komponenten lägger till den valda klassen till <en element om elementets href-attribut innehåller en URL från webbläsaren.

component

j-Attachments

Komponenten visar tillägg i den enkla listan. en användare kan ta bort tillägget.

component

j-Audio

j-Audio: singleton; komponenten kan spela och stoppa ljud/ljud mp3

component

j-AutoComplete

j-AutoComplete: fungerar endast med <input taggar; singleton

component

j-AutoDarkMode

Komponenten tillämpar automatiskt mörkläge enligt operativsystemet.

component

j-AutoExec

Denna komponent utför automatiskt en metod som definieras i exektionsalternativet.

component

j-AutoFill

Komponenten hänger alla nötade element i <form>-elementet med funktionshindrade form händelser.

component

j-AutoSelect

Komponenten lägger automatiskt till .selected class enligt selektorklassen="autoselect" inom hela HTML-dokumentet.

component

j-Avatar

Avatarkomponenten behöver registrera ditt eget tema. Det innehåller standardtema.

component

j-BackToTop

j-BackToTop: fungerar som singleton

component

j-Backup

Komponenten för datalagring till och laddning från den lokala lagringen av webbläsaren.

component

j-Banners

j-Banners: Full responsiv; enkel CSS-animation

component

j-BarChart

Vänligen granska ett exempel och behålla en datakälla.

component

j-Box

Komponenten stöder en dynamisk utvärdering av innehållet i <script type='text/html'>. exemplet nedan innehåller ett skript med HTML och komponenten utvärderar innehållet om j-Form kommer att visas

component

j-Breadcrumb

j-Breadcrumb: NEW: arrowicon {String} pilikon (default: ti ti-angle-right)

component

j-Button

En enkel knappkomponent med bra funktioner.

component

j-Calendar

Komponenten måste kallas manuellt eller fungerar med textlådan eller j-Input komponenten automatiskt.

component

j-Carousel

j-Carousel: stöder touch-gester (swipe) och fast fullstorlek på mobilen; lär dig från exempel

component

j-Carousel2

Det är en enkel karusellkomponent som optimeras för skrivbords- och mobila enheter. Varje element måste vara inbyggd i <figur>-elementet (se exempel).

component

j-Centered

Den nya versionen av denna komponent stöder dynamisk utvärdering av innehållet i <script type='text/html'>. exemplet nedan innehåller ett skript med HTML och komponenten bedömer innehållet om j-Fo

component

j-Checkbox

j-Checkbox alternativ: krävs, etikett, funktionshinder, omvänt

component

j-Checkboxlist

j-Checkboxlist: för anpassad design kan du använda j-CheckboxListExpert; nu stöder mörkmodell

component

j-CheckboxListExpert

Perfekt komponent för checboxlist med anpassade stilar. Det är lite avancerat men absolut värt det!

component

j-CheckPath

j-CheckPath: Singleton; Utvecklingsverktyg

component

j-Children

Komponenten gör dragbara objekt som ett träd utan möjlighet att kollapsa. Data-Källa måste vara Object Array i form: {ID: String, barn: [ ]Din egen egendom,

component

j-Choose

Komponenten är ett alternativ till CheckboxListExpert och RadioButtonListexpert.

component

j-ChunkyScroll

j-ChunkyScroll: kan hantera tusentals objekt/element

component

j-Cl

Komponenten pars inline data definierade i komponens element.Data pars till kodlistformat.

component

j-ClBind

Komponenten läser ett objekt med en kopplad datakälla. komponenten stöder Tangular-templet inuti elementet (alternativt).

component

j-Click

Komponenten kallar en metod eller kan ställa in ett värde enligt vägen.

component

j-ClickBox

Denna komponent är optimerad för SEO. Den läser alla länkar och skapar en klickbar box. Komponenten betonar automatiskt ett värde enligt URL-parametern.

component

j-Clipboard

j-Clipboard: Det fungerar som singleton; Använd navigator.clipboard.writeText() eller document.execCommand('copy') som fallback

component

j-ClipboardImage

Denna komponent tar automatiskt bilder i Clipboard.

component

j-Clock

j-Clock: stöder mörkläge; fungerar endast med Bootstrap Grid System (i annat fall behöver du fixa CSS)

component

j-CloudEditor

j-CloudEditor: Det fungerar i iframen; stöder flera kursorer (shift + cmd + arrow-down/up)

component

j-CloudEditorSimple

Det är ett enkelt alternativ till j-CloudEditor. Du kan ange huvudkonfigurationen i konfigurationen, och värdet är {String} (i j-CloudEditor är konfigurationen en del av värdet).

component

j-Code

Det är ett enkelt alternativ till j-CloudEditor. Du kan ange huvudkonfigurationen i konfigurationen, och värdet är {String} (i j-CloudEditor är konfigurationen en del av värdet).

component

j-CodeMirror

j-CodeMirror: stöder flera kursorer (shift + cmd + arrow-down/up); stöder att hitta valt text (cmd + d)

component

j-ColorPicker

j-ColorPicker: Komponenten är singleton; Enkel färg picker

component

j-ColorPickerButton

j-ColorPickerButton: Komponenten är singel; Stödjer mörk tema

component

j-ColorSelector

j-ColorSelector alternativ: funktionshinder, krävs

component

j-Columns

Komponenten Kolumner är ett mycket enkelt alternativ till j-Layout och j-Layout2.Med denna komponent kan du ställa in kolumner med 100% höjd enligt dina behov.

component

j-Configuration

j-Configuration: stöder mörkläge; NEW: datakälla {String} valfritt, en väg till datakällan för att konfigurera objekt

component

j-Confirm

j-Confirm: Lätt att använda; singleton

component

j-Console

j-Console: Lätt att använda; singleton

component

j-Console2

j-Console2: Lätt att använda; stöder mörkläge

component

j-ContentEditable

j-ContentEditable: Lätt att använda; stöder bra funktioner

component

j-ContentSlider

Koden nedan löser ett problem med att göra en komponent när komponenten visas dynamiskt.

component

j-ContextMenu

Om värdet inte är definierat använder komponenten namnet som värde.

component

j-Controls

j-Controls - Singleton

component

j-Cookie

j-Cookie: singleton; använder lokalStorage

component

j-Cookie2

j-Cookie2: singleton; använder lokalStorage

component

j-CountDown

Komponenten kan visa en åtgärd när tiden är över.

component

j-Crop

j-Crop: zoom, drag och drop

component

j-Dashboard

Komponenten förväntar sig ett antal objekt.

component

j-DataGrid

Detta nätverk skapades för enskilda sidor och företagsprogram.

component

j-DataSource

Komponenten laddar data från den externa källan via AJAX()-metoden och det binder värdet enligt config.path.

component

j-DataTable

BETA: Den här komponenten är riktad till SPA och server-side listing.

component

j-DatePicker

Komponenten måste kallas manuellt eller fungerar med komponenten j-Input automatiskt.

component

j-Detach

Komponenten kan koppla av/attacka alla barn (HTML-element). Till exempel, om du har element i en panel, kan du flytta elementen till exempel j-Windows.

component

j-Detail

Denna komponent kan ge värden från modellen. stöder inline mappning - titta på källkoden för exemplet.

component

j-Developer

Den här komponenten övervakar jComponent en enda sida applikation. bara innehåller komponenten under <body> elementet. den fungerar endast med jComponent +v18.

component

j-Diagram

j-Diagram alternativ: förälder, margin, marginsm, marginmd, marginlg, omvänt

component

j-Directory

Det är en liknande komponent som j-Suggestion, men har förbättrad design och stöder mer smarta funktioner.

component

j-Display

Komponenten beräknar intervallet mellan skärmarna automatiskt. standardtypen är lg.

component

j-Dockable

Den dockbara komponenten förväntar sig ett antal objekt.

component

j-DonutChart

j-DonutChart alternativ: verktygstyp, format, presentation, välj, redraw, animera, storlek, highlight

component

j-DragDropElement

På drag händelse visas modala inuti ett visst element med text Drop & drop filer här. På flytta dragade filer bort från elementet eller droppning dragda filer modala kommer att döljas.

component

j-DragDropFiles

j-DragDropFiles alternativ: Exektion, klicka, acceptera

component

j-Draggable

En enkel komponent som kan fånga drag & drop operation.

component

j-Drawer

j-Drawer: NEW: bredd {Number} en standardbredd (default: 250); NEW: widthlg {Numer} valfritt, bredd för stora skärmar

component

j-DrawZone

Komponenten kan dra en zon (polygon). [Öppnar](https://openlayers.org/) Biblioteket med [OpenStreetMap](https://www.openstreetmap.org/) Karta motorn .

component

j-Dropdown

j-Dropdown alternativ: krävs, objekt, ikon, etikett, typ, datakälla, text, värde

component

j-DropdownCheckbox

j-DropdownCheckbox: NEW stöder nu mörk mode

component

j-DropdownList

j-DropdownList-alternativ: krävs, datakälla, begränsad, funktionshindrad, dirplaceholder, dirsearch

component

j-DropFiles

j-DropFiles: singleton; fångar alla droppade filer i fönstret

component

j-Duplicator

BETA VERSION. Denna komponent är en lite speciell komponent eftersom den kan duplicera samma innehåll flera gånger med diffferent datakälla.

component

j-DynamicValue

Denna komponent är en mycket speciell komponent. Det kan behålla ett värde till exempel Antal och på samma sätt det kan göra en annan läsbar text.

component

j-DynamicValueList

Denna komponent är en mycket speciell komponent. Det kan hålla värden till exempel Antal och på samma sätt det kan göra en annan läsbar text.

component

j-EAN13

Komponenten kommer att dra EAN-13-barkod enligt vägvärdet.

component

j-Edit

Komponenten möjliggör innehållsredigerbar attribut för element med redigering eller redigera2 klasser.

component

j-Editable

Denna komponent kan redigera alla element med en redigerbar klass. Det fungerar med data-bind eller dynamiska värden.

component

j-ElementID

Den här komponenten fyller data-ID-attributet med värdet läst från vägen.

component

j-Emoji

j-Emoji: Med hjälp av UTF emoji; Personlig historia med ofta använda emotikoner

component

j-EmojiButton

j-EmojiButton: Komponenten är singel; Stödjer mörk tema

component

j-Empty

j-Empty: NEW väntar {Boolean} för data (default: falsk)

component

j-EmptyInline

Komponenten kommer att visa text i elementet om värdet är tomt eller raden inte innehåller ett objekt.

component

j-Enter

Denna komponent utvärderar en metod om användaren trycker in. Viktigt: komponenten hittar alla inputelement och utför CAN() för vägen.

component

j-Enterbox

En enkel EnterBox. Varje värde måste bekräftas genom att ange nyckeln eller klicka på knappen.

component

j-Error

j-Error: Lätt att använda; fel visas endast om vägen innehåller en rad i formuläret nedan:

component

j-ErrorHandler

Denna komponent fångar ON('ERROR', funktion(err händelse utlösare från ERROR() metod och försöker visa form mer bekvämt.

component

j-Exec

Komponenten utför en metod när användaren klickar på samma element med exec, exec2 eller exec3 klass. Mer information finns nedan.

component

j-Expander

j-Expander: NEW höjd {Number} en max. höjd (default: 150); NEW iconup {String} ikonen upp (devault: ti-angle-double-up)

component

j-ExpansionPanel

j-ExpansionPanel alternativ: Multiple, ikon, data-id, titel, ikon

component

j-Extend

Denna komponent är en specifik komponent med kraftfull funktionalitet. När komponenten utvärderas utför det två händelser i formuläret nedan.

component

j-FaIcons

j-FaIcons: Font-Awesome ikoner; singleton

component

j-FaIconsButton

j-FaIconsButton: Det använder j-FaIcons

component

j-FaviconUnread

j-FaviconUnread: NEW badge {Boolean} valfritt, möjliggör användning av navigator.setAppBadge() (default: true)

component

j-Features

j-Features: Endast för skrivbordsdatorer; singleton

component

j-FeedbackButton

j-FeedbackButton: singleton; universell användning

component

j-FileBrowser

Komponenten öppnar en filbrowser och returnerar de valda filerna.

component

j-FileReader

j-FileReader: Singleton; lätt att använda

component

j-FileSaver

Denna komponent är en vändare för [FileSaver.js bibliotek](https://github.com/eligrey/FileSaver.js/)Med denna komponent kan du enkelt spara lokalt genererade filer direkt i webbläsaren.

component

j-FileUpload

Det är en mycket användbar komponent för att ladda upp exempelvis profilbilder. jag betraktar denna komponent som inline filupptagning. se i html-källan. komponenten laddar upp filer via multipart/form-data.

component

j-FileUploader

En enkel komponent för att ladda upp filer. Det stöder auto-resizing bilder.

component

j-FileUploadList

Denna komponent kan ladda upp filer och resultatet läggs till i modellen.

component

j-FixedModal

Innehållet i j-FixedModal är uppdelat i 3 delar: header, kropp och footer. Varje del måste definieras. Komponenten lägger till CSS-klasser till varje del, till exempel den första diven innehåller ui-fixedmodal

component

j-FloatingBox

j-FloatingBox: Stöd för mörk mode

component

j-FloatingInput

j-FloatingInput: singleton; stöder mörkläge

component

j-FloatingPanel

Du kan kombinera metoder med j-Shortcuts-komponenten.

component

j-FloatingSearch

Det använder en absolut position och det är riktad ovanför verktygsfältet eftersom det kan överlappa verktygsrutan.

component

j-Flow

j-Flow: identifierare kan inte innehålla char; NEW onpause {String} en väg till metoden fn(vägen, är), det körs när utgången / inmatningen är pausad

component

j-Folder

Komponenten kan göra ett innehåll som filen webbläsare. väg måste vara i form t.ex. Directory/File.

component

j-FontAwesome

En enkel FontAwesome-sökare med fulltext sökning. stöder en ny funktion och det är responsivt.

component

j-FontAwesomeBox

En enkel FontAwesome-sökare med fulltext sökning. optimerad för jComponent +v17.

component

j-Form

Den nya versionen av denna komponent stöder dynamisk utvärdering av innehållet i <script type='text/html'>. exemplet nedan innehåller ett skript med HTML och komponenten bedömer innehållet om j-Fo

component

j-FormData

Med den här komponenten kan du skicka data via metoden POST/PUT/DELETE till det aktuella fönstret eller ett annat.

component

j-FormTab

j-FormTab: Komponenten flyttar innehållet i denna komponent under <body> taggen (på grund av positionering); Komponenten förväntar sig att

component

j-FullForm

Komponenten flyttar innehållet i denna komponent under <body> taggen (på grund av positionering) och det stöder utvärdering av innehållet av <script type='text/html'>.

component

j-Gallery

j-Gallery: fungerar med Bootstrap Grid System; lätt att använda

component

j-Gauge

j-Gauge alternativ: decimaler, format, färger, text, stroke

component

j-GPS

Komponenten försöker läsa GPS-koordinater.

component

j-Grid

Visa tabellfiler med filtrering, pagning och en konfigurerad datakälla.

component

j-HashChange

Komponenten tar upp alla ändringar för #hashtag i URL:n. När ändringen sker emitterar den händelse hash.

component

j-HighlightSyntax

Enkelt syntax highlight med hjälp av Highlight.js.

component

j-Icons

j-Icons: Total.js ikon lista; singleton

component

j-IdleTime

Denna komponent emitterar händelse ON('idletime', funktion(is) {}) när webbplatsen är i idle. Det reagerar på musen, tangentbordet, beröringshändelser eller fokusering av fönstret.

component

J-ifram

Komponenten ger en annan URL (lagrad i spårattribut) direkt i iframen. den största fördelen är att automatiskt återställa elementet iframe enligt föräldralösaren.

component

J-iFrameEditabel

j-iFrameEditable: kan redigera HTML säkert; höjden av iframe räknas automatiskt från kroppen

component

j-iFramePreview

j-iFramePreview: lätt att använda för t.ex. fakturor, e-postmeddelanden eller några andra förhandsvisningar; kan göra HTML säkert

component

J-iFrameViewer

Denna komponent visar ett lager (över innehållet) med en iframe.

component

j-ImageUploader

En enkel singletonkomponent för att ladda upp ombyggda bilder. Komponenten laddar upp bas64 enligt schemat som definieras i callers alternativ.

component

j-ImageViewer

j-ImageViewer: singleton; placera komponenten under <kropp element

component

j-ImportCSV

Utgången av denna komponent är mappad array. komponenten använder j-Directory komponent.

component

j-Importer

j-Import är en bra komponent för att importera HTML-mallar, skript eller stilar enligt vägen och villkoren. komponenten kan hjälpa med SPA-program eftersom du enkelt kan importera mallar,

component

j-InfiniteScroll

j-InfiniteScroll alternativ: förälder, marginal, padding, autoscroll, exec

component

j-Info

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

component

j-InfoWindows

InfoWindows-komponenten förväntar sig ett antal objekt.

component

j-InlineDatePicker

j-InlineDatePicker alternativ: krävs, första dagen, idag, dagar, månader, markeringar, tillägg

component

j-InlineForm

Den nya versionen av denna komponent stöder dynamisk utvärdering av innehållet i <script type='text/html'>. exemplet nedan innehåller ett skript med HTML och komponenten bedömer innehållet om j-In

component

j-InlineProperties

j-InlineProperties: Lätt att använda för olika fall; singleton

component

j-Input

j-Input är en multifunktionell ingångskomponent som stöder många funktioner och det är optimerat för daglig användning. j-Textbox och j-DropdownVerkar endast med jComponent +v17.

component

j-InputTags

j-InputTags: om licon eller ricon börjar med ! då komponenten ger ett råvärde istället för ikon

component

j-Intro

j-Intro: NEW: försenar {Numret} en försening för nästa knapp mellan klick; NEW: nexticon {String} en gjort ikon (default: ti-chevron-right)

component

j-IsOpen

j-IsOpen är en enkel komponent för att visa öppettider. komponenten stöder automatisk uppfriskningstid.

component

j-JSONTree

j-JSONTree skapar ett trädblick från JSON-data.

component

j-Kanban

Viktigt: Varje objekt behöver sin egen ID {String}, se till exempel.

component

j-KeySelection

Denna komponent gör det möjligt för användaren att välja vissa objekt med up/down-nycklar och bekräfta urvalet med ingångsknappen.

component

j-KeyValue

En enkel komponent för att skapa nyckel/värdepar värden.

component

j-LargeForm

Den nya versionen av denna komponent stöder dynamisk utvärdering av innehållet i <script type='text/html'>. exemplet nedan innehåller ett skript med HTML och komponenten bedömer innehållet om j-Fo

component

j-Markdown

Denna komponent innehåller endast Markdown parser.

component

j-Layer

j-Layer: Arbeta med Bootstrap; NEW: Autofocus {Boolean/String} fokuserar på första input, textarea (default: false)

component

j-Layout

Skapa layout är mycket enkelt och med många möjligheter.Layout måste ha sin egen HTML-struktur.Se till exempel.

component

j-Layout2

Att göra layout är mycket lätt.

component

j-LazyContent

Denna komponent visar sitt eget innehåll när det är synligt. Det stöder användbara funktioner som redraw och gömma.

component

j-LazyImages

Komponenten försöker hitta alla <img-element med data-src='' attribut och om elementet är synligt uppdaterar komponenten src=" attributet med värdet från data-rc= '' attributen.

component

j-LazyLoad

j-LazyLoad: lätt att använda; kan användas för allt

component

j-Leaflet

Denna komponent används [Leaflet](https://leafletjs.com/) Biblioteket med [OpenStreetMap](https://www.openstreetmap.org/) kartmotorn. komponenten använder tredjepartsberoende.

component

j-LineChart

Vänligen granska ett exempel och behålla en datakälla.

component

j-ListBox

j-ListBox: Ny mörkläge; fungerar med Bootstrap

component

j-ListDetail

Komponenten delar innehållet för listande del och detaljdel. Visning av detaljdelen beror på vägen {Boolean}.

component

j-ListForm

j-ListForm: NEW: försening {Number} initialt försenat för att visa detaljer (default: 1000 ms); NEW: component.add() öppnar ett formulär för att skapa rekord

component

j-Listing

j-Listing: Lätt att använda; fungerar med hela Arrays endast på kundsidan

component

j-ListMenu

En ListMenu-komponent för anpassade listobjekt. du behöver ställa in det.

component

j-ListMenuEditable

Komponent för redigerbar lista

component

j-LiveStats

j-LiveStats: stödjer mörkläge; responsiv

component

j-LoadContent

Komponenten laddar upp ett innehåll från mallet <script type='text/html'> och bifogar det i elementet.

component

j-Loading

j-Loading: det tilldelar automatiskt flaggor @showloading och @hideloading; NEW: stil {Number} en laddningsstil (default: 1)

component

j-Locale

Denna komponent ställer in aktuell webbläsare local (numrerformat, datumformat och tidformat) enligt navigatior.language.

component

j-MainProgress

Den är synlig när värdet är mer än 0 och mindre än 100.

component

j-Map

j-Map: lätt att använda; två sätt binder fungerar med GPS (så komponenten returnerar GPS-koordinater till modellen när texten används i stället för GPS)

component

j-MapZones

Komponenten för ritning och visning av zoner på kartan. [Öppnar](https://openlayers.org/) Biblioteket med [OpenStreetMap](https://www.openstreetmap.org/) Karta motorn. den

component

j-MarkdownEditor

Denna komponent använder https://simplemde.com/-redigeraren för markdown redigering.

component

j-MarkdownPreview

Denna komponent är beroende av j-Markdown-komponenten. den använder highlight.js bibliotek för syntax highlights.

component

j-Masonry

En enkel Masonry-komponent. komponenten gör en Array enligt skärmstorleken till kolumnerna.

component

j-Menu

j-Menu: Lätt att använda för olika fall; fungerar med pekar

component

j-Message

j-Message: Singleton; lätt att använda

component

j-MinHeight

Denna komponent sätter en minimal höjd för det föräldra (definerade) elementet. komponenten är användbar för intranätapplikationer.

component

j-MiniForm

Den nya versionen av denna komponent stöder dynamisk utvärdering av innehållet i <script type='text/html'>. exemplet nedan innehåller ett skript med HTML och komponenten bedömer innehållet om j-Mi

component

j-MobileCarousel

Funkar endast med Bootstrap-nätverk och på mobila enheter xs.

component

j-Modal

Det är ett enkelt alternativ till j-Form.

component

j-Modificator

Denna komponent kan ändra beteendet på elementet enligt det fördefinierade schemat. Komponenten kan hängas på ett kroppselement (eftersom det är en singleton) och den är optimerad för prestanda.

component

j-MonacoEditor

Komponenterna Render [Monaco författare](https://microsoft.github.io/monaco-editor/).

component

j-MonthlyCalendar

Månad och dag namn tas från MONTHS och DAYS egenskaper definierade i jComponent bibliotek.

component

j-Movable

Komponenten hanterar liknande dragbara element och stöder rörelse mellan varandra.Varje element enligt selektorn måste ha definierat dragbara = 'true' attribut.

component

j-Movement

Denna komponent fångar de grundläggande tangentbordnycklarna som strängar, entrar och esc.

component

j-MultiOptions

MultiOptions-komponenten använder denna färgschema: <http://codepen.io/devi8/pen/lvIeh> och deklarationen nedan visar alla färger i widgetinställningarna.

component

j-NativeNotifications

j-NativeNotifications: Lätt att använda; singleton

component

j-Navigation

j-Navigation: En enkel navigeringskomponent som Tree; lätt att anpassa

component

j-NavLayout

En enkel och helt responsiv navigationslayout.

component

j-NoScrollbar

j-NoScrollbar: Denna komponent är något som j-ViewBox utan inhemska / anpassade skruvbar

component

j-NoSQLcounter

j-NoSQLcounter: lätt att använda; datakällan måste vara i följande form: [{ id: 201702, år: 2017, månad: 2, värde: 1690 }]

component

j-Notifications

j-Notifications: Lätt att använda; singleton

component

j-NotificationsPanel

j-NotificationsPanel: Lätt att använda; singleton

component

j-Notify

j-Notify: Fel hanteras automatiskt

component

j-NotifyBar

j-NotifyBar: singleton; framgångsrik meddelande SETTER ('notifybar/success', 'MESSAGE')

component

j-ObjectEditor

j-ObjectEditor: NEW: exekvera {String} en väg till funktionen(nyckel, värde) och den körs om värdet ändras

component

j-ObjectTree

Utvidgningsbara/Collabsible Object Tree

component

j-Offline

Den här komponenten visar en meddelandebok när det inte finns någon internetanslutning.

component

j-OneTime

Denna komponent kör en metod bara en gång och det väntar på utgången.

component

j-Packeta

Denna komponent gör det möjligt för kunder att välja en [paket](https://www.packeta.com/) Efter urvalet återvinns ett komplett pickuppoäng som kan behandlas med en callback-funktion.

component

j-Page

Denna komponent kan hantera olika innehåll asynkroniskt. komponenten har samma funktionalitet som j-Part. Om elementet inte innehåller något innehåll laddar komponenten ned innehållet accor

component

j-Pages

Komponenten är ett bättre alternativ till komponenten j-Section. Som ett resultat kan du enkelt göra en multi-sidor app med dynamisk innehållsladdning när det behövs.

component

j-Panel

Den nya versionen av denna komponent stöder dynamisk utvärdering av innehållet i <script type='text/html'>. exemplet nedan innehåller ett skript med HTML och komponenten bedömer innehållet om j-Pa

component

j-Parameters

Denna komponent kan ändra interna parametrar.

component

j-Part

Denna komponent kan hantera olika innehåll asynkroniskt. Om elementet inte innehåller något innehåll laddar komponenten ned innehållet enligt den url som definieras i konfigurationen.

component

j-Parts

Detta innehåll kan hantera flera delar som lagras i Array och fokusera på en viss del. Det simulerar något som webbläsarkiv.

component

j-PasswordMeter

Denna komponent utvärderar lösenordet enligt betyget.Rating räknas som en procentandel: 100% = stark, 50% = bra, 0% = svag.

component

j-Paste

Komponenten fångar paste händelse.

component

j-Period

Komponenten för att välja en tidsperiod.

component

j-Permissions

j-Permissions: - jComponent v19|v20; NEW: exec {String} valfritt, det kör en metod (path.to.method) när användaren ändrar värdet

component

j-Pictures

Komponenten visar bilder i en enkel lista.En användare kan ta bort och ordna upp bilder.

component

j-PictureUpload

j-PictureUpload: Lätt att använda; fungerar med Bootstrap Grid System

component

j-PictureUploadExpert

j-PictureUploadExpert: avancerad användning; drag och drop stöd

component

j-Pin

En enkel PIN-makare

component

j-Planner

Visar planerade objekt i en planner.

component

j-Preview

Denna komponent återställer bilden automatiskt enligt inställningarna och laddar upp den till servern i bas64-format.

component

j-PriceRange

Komponenten lagrar värdet som sträng 200-500, förklaring: från till.

component

j-Printer

Komponenten kan skriva ut ett HTML-innehåll.

component

j-Progress

j-Progress alternativ: animerad

component

j-Prompt

Komponenten (singleton) visar ett snabbfönster med en enda eller flera linjer.

component

j-Properties

Komponenten använder j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker och j-FaIcons komponenter.

component

j-Properties2

Komponenten använder j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker och j-Icons komponenter.

component

j-QRCode

Denna komponent skapar en QR-kod. den innehåller [QRCod bibliotek](https://davidshimjs.github.io/qrcodejs/).

component

j-QRCodeGenerator

j-QRCodeGenerator: lätt att använda; använder <http://goqr.me> server

component

j-RadioButton

j-RadioButton: för anpassad design kan du använda j-RadioButtonExpert; nu kan du använd datakällan

component

j-RadioButtonExpert

Perfekt komponent för radiobutton med anpassade stilar. Det är lite avancerat men absolut värt det!

component

j-Range

j-Range: Stöd för mörk mode

component

j-Rating

j-Rating: Lätt att använda

component

j-RawEditable

j-RawEditable är en enkel komponent med stor dolda funktionalitet. Det syftar till ytterligare anpassning.

component

j-RawInput

j-RawInput är en enkel ingångskomponent med stor dolda funktionalitet.

component

j-Ready

Denna komponent utför vissa operationer när komponenten är klar.

component

j-reCAPTCHA

Visar en reCAPTCHA-kontroll och kopplar svarstoken till modellen.

component

j-Releaser

Komponenten kan släppas efter en viss tid eget innehåll (DOM) + minne. Vi rekommenderar att använda det för j-DataGrid, j-CodeMirror, j-CloudEditor, etc..

component

j-Remember

Komponenten kallar en funktion inom upprepningsintervallet.Information om den föregående samtalet lagras i lokalStorage.

component

j-Resource

Resurser är en mycket bra lösning för t.ex. översätta vissa texter i alla skript. komponenten kan bifogas flera gånger och alla komponenter använder ett arkiv för att lagra nycklar och värden.

component

j-Restart

Komponenten är mycket primitiv och den kommer bara att visa innehållet om värdet är positivt. Det kan vara användbart för en enda sida program som ändrar en version i bakgrunden och front-end n

component

j-Rows

Komponenten Rows är ett mycket enkelt alternativ till j-Layout och j-Layout2.

component

j-Rules

Komponenten kan skapa en enkel regel som du kan omvandla till vissa motorer som Total.js Flöde. komponenten använder j-Directory komponenterna .

component

j-Scanner

Komponenten för att skanna dokument.

component

j-Scrollbar

Anpassad skruvbär. IMPORTANT: Den hämtar aktuellt innehåll genom att lägga till två nestade div-element med relativa position. Det fungerar endast med jComponent v17.

component

j-ScrollPercentage

Komponenten måste fästas på elementet som kommer att vara som en skruvbehållare. för hela fönstret använd kroppselementet.

component

j-Search

Enkel fulltext sökkomponent. Denna komponent kan visa/hålla element enligt sökfrasen.

component

j-SearchBox

Komponenten innehåller en sökbok (input).

component

j-SearchData

Denna komponent försöker filtrera data enligt sökfrasen.

component

j-SearchInput

Anpassningsbar sökning Inträde.

component

j-Section

j-Section: håller en fast procentsats höjd; bra användning för intranet-applikationer

component

j-SelectBox

j-SelectBox: NEW rå {Boolean} (alternativ) tillåter att rå HTML återges som text (default: falsk)

component

j-Selected

Komponenten kan ställa in en viss klass till ett visst element enligt det enkla villkoret.

component

j-Selection

Komponenten stöder något som checkbox lista.

component

j-ServerGrid

BETA VERSION. Detta nätverk är utformat för en enda sida och företagsapplikationer. Det är ett enkelt alternativ till den mycket mer kraftfulla j-DataGrid.

component

j-ServerList

Denna komponent är utformad för enskilda sidor och företagsprogram.Det har nästan samma funktionalitet som j-ServerGrid, men det ger utvecklare mer frihet att skapa anpassade

component

j-ServerListing

j-ServerListing: lättanvändning; andra modellen $ innehåller information om data-källa { index: nummer, sida: antal, sidor: antal: nummer och värde: YOURDATA }

component

j-ShoppingCart

j-ShoppingCart: singleton; stödjer rabatt

component

j-Shortcuts

Denna komponent kan hjälpa till med att skapa tangentbordskort. komponenten är singel.

component

j-SingleUpload

Denna komponent fungerar med laddning (när filen laddas upp) och meddelande (når servern kastar ett fel) komponent.

component

j-Slider

Denna slider fungerar endast med 100% X axel. Utgång: procent (från 0 till 100).

component

j-SnackBar

j-SnackBar: singleton; info meddelande SETTER('snackbar/show', 'MESSAGE', '[Buttonlabel]', [Callbackdismiss])

component

j-Sounds

Denna komponent innehåller några fördefinierade ljud som bump, misslyckande, framgång etc... Path innehåller en volymkontroll i procent, 0 stör spel.

component

j-SplashScreen

En splash-skärm för enskilda sidor. Kroppen måste hängas in i <script type='text/html'>HTML</script> taggen.

component

j-Spotlight

j-Spotlight: singleton; fungerar med Bootstrap Grid System

component

j-Stash

Komponenten kan avbryta element utan att förstöra och avlägsna från DOM. Denna komponent kan hjälpa dig med dynamiskt innehåll från servern. Total.js Flöde

component

j-Stats12

j-Stats12 alternativ: höjd, max, gräns, högljudd

component

j-Stats24

j-Stats24-alternativ: höjd, max, verktygstyp, verktygentipp, gränser, highlight

component

j-Stats7

j-Stats7 alternativ: höjd, max, gräns, högljudd, första dagen

component

j-StatsBarSimple

Komponenten måste ha en definierad mall för att göra innehåll och ett verktygstips.

component

j-StatusInput

j-StatusInput: Lätt att använda för olika fall; stöder mörkläge

component

j-Sticker

j-Sticker: NEW: minhöjd {Numret} en minimal höjd av skruvområdet för tillämpning av klasser

component

j-Suggestion

Om värdet inte är definierat använder komponenten namnet som värde.

component

j-SVGIcons

Den här komponenten registrerar en ny webbkomponent i formuläret <ui-svgicon name='iconname'></ui-svgicon>.

component

j-Swiper

j-Swiper: Vrapper för [Swiper.js bibliotek](https://swiperjs.com/)• Lätt att använda

component

j-SwitchButton

j-SwitchButton alternativ: krävs, funktionshinder, gränser, anpassning, beskrivning

component

j-Table

Visa register i en konfigurerad tabell.

component

j-TableGrid

Komponenten gör ett enkelt bordsband (komponerat av div-element) uppdelat med en enkel gräns som du kan ändra.

component

j-TabMenu

j-TabMenu-alternativ: klass, selektor, datakälla, inaktiverad, exec, attr

component

j-Tabs

j-Tabs alternativ: ikon, data-id, titel, ikon

component

j-Tagger

Tagger kan göra objekt i raden och varje objekt kan tas bort.

component

j-Template

j-Template: När modellen är noll eller ofördefinierad så kommer mallet att döljas

component

j-Templates

Templates måste definieras i <script type='text/html' data-name='NAMEOFTEMPLATE'>Tangular template</script> element.

component

j-Textarea

j-Textarea: NEW stöder dolda skruvbar

component

j-Textbox

j-Textbox: NEW innerlabel {Boolean} valfritt, möjliggör intern etikett (default: true)

component

j-TextboxList

j-TextboxList: NEW rörlig {Boolean} gör det möjligt att ändra position för befintliga objekt

component

j-Time

Denna komponent ger en aktuell tid.

component

j-TimePicker

Komponenten måste kallas manuellt eller fungerar med komponenten j-Input automatiskt.

component

j-Title

j-Title: Lätt att använda; singleton

component

j-ToggleBox

ToggleBox kan beställa om eller dölja objekt i Array.

component

j-ToggleButton

Ikoner kan vara i form: cirkel eller ti-cirkel.

component

j-ToggleMore

Det är en enkel komponent för att ta tag i innehållet.

component

j-Tooltip

j-Tooltip: singleton; universell användning

component

j-TouchMove

Enkel touchmove-komponent för enkel touchnavigation next/prev/down.

component

j-Tour

Viktigt: Placera denna komponent på botten av kroppens element

component

j-Tree

Setter utökar automatiskt varje objekt genom att lägga till .$pointer egenskap med en trädindex.

component

j-TreeView

Denna komponent är bara en beta-preview. det är fortfarande under konstruktion.

component

j-Typed

Config är samma som [Författare.js](https://github.com/mattboldt/typed.js#customization)Den enda skillnaden är att alla nycklar är lägre. Detta är att upprätthålla konsistens med andra komponenter.

component

j-UIBuilder

Denna komponent ger appen utformad via UI Builder. Du kan ladda appen via den väg som anges i komponenten eller via konfigurations-url-alternativet.

component

j-Unsaved

j-Unsaved: Lätt att använda

component

j-Upload

Komponenten kan ladda upp filer.

component

j-Validate

Komponenten innehåller samma källkod som komponenten j-Validation.

component

j-Validation

Komponenten innehåller samma källkod som komponenten j-Validate.

component

j-View

Denna komponent kan vara användbar för återanvändbara visningar i intranet-appar. komponenten drar synen in i den isolerade räckvidden, och värdet enligt komponentvägen kommer att användas som en modell för v

component

j-ViewBox

j-ViewBox: håller en fast procentsats höjd; bra användning för intranet-applikationer

component

j-VirtualWire

Detta är en mycket speciell UI-komponent som kan flytta element från element till ett annat element enligt markeraren och vägens värde.

component

j-Watch

Komponenten kan utvärdera metoden i formfunktionen (värde, element, typ, väg) när värdet (enligt vägen) ändras.

component

j-Watcher

Denna komponent utför koden som definieras i <script type='text/js'></script> taggen.

component

j-Wiki

Bra komponent för inline Wiki / Dokumentation.

component

j-Window

En ny version av denna komponent stöder en dynamisk utvärdering av innehållet i <script type='text/html'>. exemplet nedan innehåller ett skript med HTML och komponenten utvärderar innehållet om j-

component

j-Windows

Fönsterkomponenten förväntar sig en uppsättning objekt.

component

j-WizardExpert

En enkel lösning för att göra avancerade trollkarlar. Trollkarlarna laddar ner steg (som HTML-delar) enligt schemat.

component

j-Wysiwyg

j-Wysiwyg: Stöd för mörk mode

component

j-Xterm

Komponenten ger en terminalutgång/input direkt i webbläsaren. IMPORTANT: exemplet fungerar inte som du förväntar dig, det behöver en verklig terminal utgång.

component

j-PermissionsOP

Redigera roll, grupp och användarbehörigheter för OpenPlatform-program.

component

j-UIStudio

Renderar en Flow UI Studio ansökan.

component

j-FlowEditor

Öppna flödesignen för en FlowStream WebSocket slutpunkt.

component

j-UIEditor

Öppna UI Builder och få sparade designar.

component

j-ServiceWorker

Cache SPA tillgångar och en offline fallback med en tjänstearbetare.

component

j-Paper

Redigera rik innehåll som en lista med widgets.

component

j-Changer

Spåra ändringar till en modellvärde för formvalidering.

component

j-WebSocket

Skicka och ta emot JSON-meddelanden via en återkoppling av WebSocket.

component