Komponentkatalog (jComponent 20)
Gränssnittskomponenter för jComponent 20, med konfigurationsalternativ och användningsexempel.
j-AjaxLoading
Denna komponent kan visa en laddningsteknik för async AJAX-verksamhet.
j-Animation
Denna komponent kan animera element med .animation klass.
j-Approve
j-Approve: Lätt att använda; singleton
j-ASelected
Komponenten lägger till den valda klassen till <en element om elementets href-attribut innehåller en URL från webbläsaren.
j-Attachments
Komponenten visar tillägg i den enkla listan. en användare kan ta bort tillägget.
j-Audio
j-Audio: singleton; komponenten kan spela och stoppa ljud/ljud mp3
j-AutoComplete
j-AutoComplete: fungerar endast med <input taggar; singleton
j-AutoDarkMode
Komponenten tillämpar automatiskt mörkläge enligt operativsystemet.
j-AutoExec
Denna komponent utför automatiskt en metod som definieras i exektionsalternativet.
j-AutoFill
Komponenten hänger alla nötade element i <form>-elementet med funktionshindrade form händelser.
j-AutoSelect
Komponenten lägger automatiskt till .selected class enligt selektorklassen="autoselect" inom hela HTML-dokumentet.
j-Avatar
Avatarkomponenten behöver registrera ditt eget tema. Det innehåller standardtema.
j-BackToTop
j-BackToTop: fungerar som singleton
j-Backup
Komponenten för datalagring till och laddning från den lokala lagringen av webbläsaren.
j-Banners
j-Banners: Full responsiv; enkel CSS-animation
j-BarChart
Vänligen granska ett exempel och behålla en datakälla.
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
j-Breadcrumb
j-Breadcrumb: NEW: arrowicon {String} pilikon (default: ti ti-angle-right)
j-Button
En enkel knappkomponent med bra funktioner.
j-Calendar
Komponenten måste kallas manuellt eller fungerar med textlådan eller j-Input komponenten automatiskt.
j-Carousel
j-Carousel: stöder touch-gester (swipe) och fast fullstorlek på mobilen; lär dig från exempel
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).
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
j-Checkbox
j-Checkbox alternativ: krävs, etikett, funktionshinder, omvänt
j-Checkboxlist
j-Checkboxlist: för anpassad design kan du använda j-CheckboxListExpert; nu stöder mörkmodell
j-CheckboxListExpert
Perfekt komponent för checboxlist med anpassade stilar. Det är lite avancerat men absolut värt det!
j-CheckPath
j-CheckPath: Singleton; Utvecklingsverktyg
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,
j-Choose
Komponenten är ett alternativ till CheckboxListExpert och RadioButtonListexpert.
j-ChunkyScroll
j-ChunkyScroll: kan hantera tusentals objekt/element
j-Cl
Komponenten pars inline data definierade i komponens element.Data pars till kodlistformat.
j-ClBind
Komponenten läser ett objekt med en kopplad datakälla. komponenten stöder Tangular-templet inuti elementet (alternativt).
j-Click
Komponenten kallar en metod eller kan ställa in ett värde enligt vägen.
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.
j-Clipboard
j-Clipboard: Det fungerar som singleton; Använd navigator.clipboard.writeText() eller document.execCommand('copy') som fallback
j-ClipboardImage
Denna komponent tar automatiskt bilder i Clipboard.
j-Clock
j-Clock: stöder mörkläge; fungerar endast med Bootstrap Grid System (i annat fall behöver du fixa CSS)
j-CloudEditor
j-CloudEditor: Det fungerar i iframen; stöder flera kursorer (shift + cmd + arrow-down/up)
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).
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).
j-CodeMirror
j-CodeMirror: stöder flera kursorer (shift + cmd + arrow-down/up); stöder att hitta valt text (cmd + d)
j-ColorPicker
j-ColorPicker: Komponenten är singleton; Enkel färg picker
j-ColorPickerButton
j-ColorPickerButton: Komponenten är singel; Stödjer mörk tema
j-ColorSelector
j-ColorSelector alternativ: funktionshinder, krävs
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.
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
j-Confirm
j-Confirm: Lätt att använda; singleton
j-Console
j-Console: Lätt att använda; singleton
j-Console2
j-Console2: Lätt att använda; stöder mörkläge
j-ContentEditable
j-ContentEditable: Lätt att använda; stöder bra funktioner
j-ContentSlider
Koden nedan löser ett problem med att göra en komponent när komponenten visas dynamiskt.
j-ContextMenu
Om värdet inte är definierat använder komponenten namnet som värde.
j-Controls
j-Controls - Singleton
j-Cookie
j-Cookie: singleton; använder lokalStorage
j-Cookie2
j-Cookie2: singleton; använder lokalStorage
j-CountDown
Komponenten kan visa en åtgärd när tiden är över.
j-Crop
j-Crop: zoom, drag och drop
j-Dashboard
Komponenten förväntar sig ett antal objekt.
j-DataGrid
Detta nätverk skapades för enskilda sidor och företagsprogram.
j-DataSource
Komponenten laddar data från den externa källan via AJAX()-metoden och det binder värdet enligt config.path.
j-DataTable
BETA: Den här komponenten är riktad till SPA och server-side listing.
j-DatePicker
Komponenten måste kallas manuellt eller fungerar med komponenten j-Input automatiskt.
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.
j-Detail
Denna komponent kan ge värden från modellen. stöder inline mappning - titta på källkoden för exemplet.
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.
j-Diagram
j-Diagram alternativ: förälder, margin, marginsm, marginmd, marginlg, omvänt
j-Directory
Det är en liknande komponent som j-Suggestion, men har förbättrad design och stöder mer smarta funktioner.
j-Display
Komponenten beräknar intervallet mellan skärmarna automatiskt. standardtypen är lg.
j-Dockable
Den dockbara komponenten förväntar sig ett antal objekt.
j-DonutChart
j-DonutChart alternativ: verktygstyp, format, presentation, välj, redraw, animera, storlek, highlight
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.
j-DragDropFiles
j-DragDropFiles alternativ: Exektion, klicka, acceptera
j-Draggable
En enkel komponent som kan fånga drag & drop operation.
j-Drawer
j-Drawer: NEW: bredd {Number} en standardbredd (default: 250); NEW: widthlg {Numer} valfritt, bredd för stora skärmar
j-DrawZone
Komponenten kan dra en zon (polygon). [Öppnar](https://openlayers.org/) Biblioteket med [OpenStreetMap](https://www.openstreetmap.org/) Karta motorn .
j-Dropdown
j-Dropdown alternativ: krävs, objekt, ikon, etikett, typ, datakälla, text, värde
j-DropdownCheckbox
j-DropdownCheckbox: NEW stöder nu mörk mode
j-DropdownList
j-DropdownList-alternativ: krävs, datakälla, begränsad, funktionshindrad, dirplaceholder, dirsearch
j-DropFiles
j-DropFiles: singleton; fångar alla droppade filer i fönstret
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.
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.
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.
j-EAN13
Komponenten kommer att dra EAN-13-barkod enligt vägvärdet.
j-Edit
Komponenten möjliggör innehållsredigerbar attribut för element med redigering eller redigera2 klasser.
j-Editable
Denna komponent kan redigera alla element med en redigerbar klass. Det fungerar med data-bind eller dynamiska värden.
j-ElementID
Den här komponenten fyller data-ID-attributet med värdet läst från vägen.
j-Emoji
j-Emoji: Med hjälp av UTF emoji; Personlig historia med ofta använda emotikoner
j-EmojiButton
j-EmojiButton: Komponenten är singel; Stödjer mörk tema
j-Empty
j-Empty: NEW väntar {Boolean} för data (default: falsk)
j-EmptyInline
Komponenten kommer att visa text i elementet om värdet är tomt eller raden inte innehåller ett objekt.
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.
j-Enterbox
En enkel EnterBox. Varje värde måste bekräftas genom att ange nyckeln eller klicka på knappen.
j-Error
j-Error: Lätt att använda; fel visas endast om vägen innehåller en rad i formuläret nedan:
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.
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.
j-Expander
j-Expander: NEW höjd {Number} en max. höjd (default: 150); NEW iconup {String} ikonen upp (devault: ti-angle-double-up)
j-ExpansionPanel
j-ExpansionPanel alternativ: Multiple, ikon, data-id, titel, ikon
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.
j-FaIcons
j-FaIcons: Font-Awesome ikoner; singleton
j-FaIconsButton
j-FaIconsButton: Det använder j-FaIcons
j-FaviconUnread
j-FaviconUnread: NEW badge {Boolean} valfritt, möjliggör användning av navigator.setAppBadge() (default: true)
j-Features
j-Features: Endast för skrivbordsdatorer; singleton
j-FeedbackButton
j-FeedbackButton: singleton; universell användning
j-FileBrowser
Komponenten öppnar en filbrowser och returnerar de valda filerna.
j-FileReader
j-FileReader: Singleton; lätt att använda
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.
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.
j-FileUploader
En enkel komponent för att ladda upp filer. Det stöder auto-resizing bilder.
j-FileUploadList
Denna komponent kan ladda upp filer och resultatet läggs till i modellen.
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
j-FloatingBox
j-FloatingBox: Stöd för mörk mode
j-FloatingInput
j-FloatingInput: singleton; stöder mörkläge
j-FloatingPanel
Du kan kombinera metoder med j-Shortcuts-komponenten.
j-FloatingSearch
Det använder en absolut position och det är riktad ovanför verktygsfältet eftersom det kan överlappa verktygsrutan.
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
j-Folder
Komponenten kan göra ett innehåll som filen webbläsare. väg måste vara i form t.ex. Directory/File.
j-FontAwesome
En enkel FontAwesome-sökare med fulltext sökning. stöder en ny funktion och det är responsivt.
j-FontAwesomeBox
En enkel FontAwesome-sökare med fulltext sökning. optimerad för jComponent +v17.
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
j-FormData
Med den här komponenten kan du skicka data via metoden POST/PUT/DELETE till det aktuella fönstret eller ett annat.
j-FormTab
j-FormTab: Komponenten flyttar innehållet i denna komponent under <body> taggen (på grund av positionering); Komponenten förväntar sig att
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'>.
j-Gallery
j-Gallery: fungerar med Bootstrap Grid System; lätt att använda
j-Gauge
j-Gauge alternativ: decimaler, format, färger, text, stroke
j-GPS
Komponenten försöker läsa GPS-koordinater.
j-Grid
Visa tabellfiler med filtrering, pagning och en konfigurerad datakälla.
j-HashChange
Komponenten tar upp alla ändringar för #hashtag i URL:n. När ändringen sker emitterar den händelse hash.
j-HighlightSyntax
Enkelt syntax highlight med hjälp av Highlight.js.
j-Icons
j-Icons: Total.js ikon lista; singleton
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.
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.
J-iFrameEditabel
j-iFrameEditable: kan redigera HTML säkert; höjden av iframe räknas automatiskt från kroppen
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
J-iFrameViewer
Denna komponent visar ett lager (över innehållet) med en iframe.
j-ImageUploader
En enkel singletonkomponent för att ladda upp ombyggda bilder. Komponenten laddar upp bas64 enligt schemat som definieras i callers alternativ.
j-ImageViewer
j-ImageViewer: singleton; placera komponenten under <kropp element
j-ImportCSV
Utgången av denna komponent är mappad array. komponenten använder j-Directory komponent.
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,
j-InfiniteScroll
j-InfiniteScroll alternativ: förälder, marginal, padding, autoscroll, exec
j-Info
j-Info: singleton; show: SETTER('info', 'show', alternativ)
j-InfoWindows
InfoWindows-komponenten förväntar sig ett antal objekt.
j-InlineDatePicker
j-InlineDatePicker alternativ: krävs, första dagen, idag, dagar, månader, markeringar, tillägg
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
j-InlineProperties
j-InlineProperties: Lätt att använda för olika fall; singleton
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.
j-InputTags
j-InputTags: om licon eller ricon börjar med ! då komponenten ger ett råvärde istället för ikon
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)
j-IsOpen
j-IsOpen är en enkel komponent för att visa öppettider. komponenten stöder automatisk uppfriskningstid.
j-JSONTree
j-JSONTree skapar ett trädblick från JSON-data.
j-Kanban
Viktigt: Varje objekt behöver sin egen ID {String}, se till exempel.
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.
j-KeyValue
En enkel komponent för att skapa nyckel/värdepar värden.
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
j-Markdown
Denna komponent innehåller endast Markdown parser.
j-Layer
j-Layer: Arbeta med Bootstrap; NEW: Autofocus {Boolean/String} fokuserar på första input, textarea (default: false)
j-Layout
Skapa layout är mycket enkelt och med många möjligheter.Layout måste ha sin egen HTML-struktur.Se till exempel.
j-Layout2
Att göra layout är mycket lätt.
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.
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.
j-LazyLoad
j-LazyLoad: lätt att använda; kan användas för allt
j-Leaflet
Denna komponent används [Leaflet](https://leafletjs.com/) Biblioteket med [OpenStreetMap](https://www.openstreetmap.org/) kartmotorn. komponenten använder tredjepartsberoende.
j-LineChart
Vänligen granska ett exempel och behålla en datakälla.
j-ListBox
j-ListBox: Ny mörkläge; fungerar med Bootstrap
j-ListDetail
Komponenten delar innehållet för listande del och detaljdel. Visning av detaljdelen beror på vägen {Boolean}.
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
j-Listing
j-Listing: Lätt att använda; fungerar med hela Arrays endast på kundsidan
j-ListMenu
En ListMenu-komponent för anpassade listobjekt. du behöver ställa in det.
j-ListMenuEditable
Komponent för redigerbar lista
j-LiveStats
j-LiveStats: stödjer mörkläge; responsiv
j-LoadContent
Komponenten laddar upp ett innehåll från mallet <script type='text/html'> och bifogar det i elementet.
j-Loading
j-Loading: det tilldelar automatiskt flaggor @showloading och @hideloading; NEW: stil {Number} en laddningsstil (default: 1)
j-Locale
Denna komponent ställer in aktuell webbläsare local (numrerformat, datumformat och tidformat) enligt navigatior.language.
j-MainProgress
Den är synlig när värdet är mer än 0 och mindre än 100.
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)
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
j-MarkdownEditor
Denna komponent använder https://simplemde.com/-redigeraren för markdown redigering.
j-MarkdownPreview
Denna komponent är beroende av j-Markdown-komponenten. den använder highlight.js bibliotek för syntax highlights.
j-Masonry
En enkel Masonry-komponent. komponenten gör en Array enligt skärmstorleken till kolumnerna.
j-Menu
j-Menu: Lätt att använda för olika fall; fungerar med pekar
j-Message
j-Message: Singleton; lätt att använda
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.
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
j-MobileCarousel
Funkar endast med Bootstrap-nätverk och på mobila enheter xs.
j-Modal
Det är ett enkelt alternativ till j-Form.
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.
j-MonacoEditor
Komponenterna Render [Monaco författare](https://microsoft.github.io/monaco-editor/).
j-MonthlyCalendar
Månad och dag namn tas från MONTHS och DAYS egenskaper definierade i jComponent bibliotek.
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.
j-Movement
Denna komponent fångar de grundläggande tangentbordnycklarna som strängar, entrar och esc.
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.
j-NativeNotifications
j-NativeNotifications: Lätt att använda; singleton
j-Navigation
j-Navigation: En enkel navigeringskomponent som Tree; lätt att anpassa
j-NavLayout
En enkel och helt responsiv navigationslayout.
j-NoScrollbar
j-NoScrollbar: Denna komponent är något som j-ViewBox utan inhemska / anpassade skruvbar
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 }]
j-Notifications
j-Notifications: Lätt att använda; singleton
j-NotificationsPanel
j-NotificationsPanel: Lätt att använda; singleton
j-Notify
j-Notify: Fel hanteras automatiskt
j-NotifyBar
j-NotifyBar: singleton; framgångsrik meddelande SETTER ('notifybar/success', 'MESSAGE')
j-ObjectEditor
j-ObjectEditor: NEW: exekvera {String} en väg till funktionen(nyckel, värde) och den körs om värdet ändras
j-ObjectTree
Utvidgningsbara/Collabsible Object Tree
j-Offline
Den här komponenten visar en meddelandebok när det inte finns någon internetanslutning.
j-OneTime
Denna komponent kör en metod bara en gång och det väntar på utgången.
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.
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
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.
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
j-Parameters
Denna komponent kan ändra interna parametrar.
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.
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.
j-PasswordMeter
Denna komponent utvärderar lösenordet enligt betyget.Rating räknas som en procentandel: 100% = stark, 50% = bra, 0% = svag.
j-Paste
Komponenten fångar paste händelse.
j-Period
Komponenten för att välja en tidsperiod.
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
j-Pictures
Komponenten visar bilder i en enkel lista.En användare kan ta bort och ordna upp bilder.
j-PictureUpload
j-PictureUpload: Lätt att använda; fungerar med Bootstrap Grid System
j-PictureUploadExpert
j-PictureUploadExpert: avancerad användning; drag och drop stöd
j-Pin
En enkel PIN-makare
j-Planner
Visar planerade objekt i en planner.
j-Preview
Denna komponent återställer bilden automatiskt enligt inställningarna och laddar upp den till servern i bas64-format.
j-PriceRange
Komponenten lagrar värdet som sträng 200-500, förklaring: från till.
j-Printer
Komponenten kan skriva ut ett HTML-innehåll.
j-Progress
j-Progress alternativ: animerad
j-Prompt
Komponenten (singleton) visar ett snabbfönster med en enda eller flera linjer.
j-Properties
Komponenten använder j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker och j-FaIcons komponenter.
j-Properties2
Komponenten använder j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker och j-Icons komponenter.
j-QRCode
Denna komponent skapar en QR-kod. den innehåller [QRCod bibliotek](https://davidshimjs.github.io/qrcodejs/).
j-QRCodeGenerator
j-QRCodeGenerator: lätt att använda; använder <http://goqr.me> server
j-RadioButton
j-RadioButton: för anpassad design kan du använda j-RadioButtonExpert; nu kan du använd datakällan
j-RadioButtonExpert
Perfekt komponent för radiobutton med anpassade stilar. Det är lite avancerat men absolut värt det!
j-Range
j-Range: Stöd för mörk mode
j-Rating
j-Rating: Lätt att använda
j-RawEditable
j-RawEditable är en enkel komponent med stor dolda funktionalitet. Det syftar till ytterligare anpassning.
j-RawInput
j-RawInput är en enkel ingångskomponent med stor dolda funktionalitet.
j-Ready
Denna komponent utför vissa operationer när komponenten är klar.
j-reCAPTCHA
Visar en reCAPTCHA-kontroll och kopplar svarstoken till modellen.
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..
j-Remember
Komponenten kallar en funktion inom upprepningsintervallet.Information om den föregående samtalet lagras i lokalStorage.
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.
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
j-Rows
Komponenten Rows är ett mycket enkelt alternativ till j-Layout och j-Layout2.
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 .
j-Scanner
Komponenten för att skanna dokument.
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.
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.
j-Search
Enkel fulltext sökkomponent. Denna komponent kan visa/hålla element enligt sökfrasen.
j-SearchBox
Komponenten innehåller en sökbok (input).
j-SearchData
Denna komponent försöker filtrera data enligt sökfrasen.
j-SearchInput
Anpassningsbar sökning Inträde.
j-Section
j-Section: håller en fast procentsats höjd; bra användning för intranet-applikationer
j-SelectBox
j-SelectBox: NEW rå {Boolean} (alternativ) tillåter att rå HTML återges som text (default: falsk)
j-Selected
Komponenten kan ställa in en viss klass till ett visst element enligt det enkla villkoret.
j-Selection
Komponenten stöder något som checkbox lista.
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.
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
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 }
j-ShoppingCart
j-ShoppingCart: singleton; stödjer rabatt
j-Shortcuts
Denna komponent kan hjälpa till med att skapa tangentbordskort. komponenten är singel.
j-SingleUpload
Denna komponent fungerar med laddning (när filen laddas upp) och meddelande (når servern kastar ett fel) komponent.
j-Slider
Denna slider fungerar endast med 100% X axel. Utgång: procent (från 0 till 100).
j-SnackBar
j-SnackBar: singleton; info meddelande SETTER('snackbar/show', 'MESSAGE', '[Buttonlabel]', [Callbackdismiss])
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.
j-SplashScreen
En splash-skärm för enskilda sidor. Kroppen måste hängas in i <script type='text/html'>HTML</script> taggen.
j-Spotlight
j-Spotlight: singleton; fungerar med Bootstrap Grid System
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
j-Stats12
j-Stats12 alternativ: höjd, max, gräns, högljudd
j-Stats24
j-Stats24-alternativ: höjd, max, verktygstyp, verktygentipp, gränser, highlight
j-Stats7
j-Stats7 alternativ: höjd, max, gräns, högljudd, första dagen
j-StatsBarSimple
Komponenten måste ha en definierad mall för att göra innehåll och ett verktygstips.
j-StatusInput
j-StatusInput: Lätt att använda för olika fall; stöder mörkläge
j-Sticker
j-Sticker: NEW: minhöjd {Numret} en minimal höjd av skruvområdet för tillämpning av klasser
j-Suggestion
Om värdet inte är definierat använder komponenten namnet som värde.
j-SVGIcons
Den här komponenten registrerar en ny webbkomponent i formuläret <ui-svgicon name='iconname'></ui-svgicon>.
j-Swiper
j-Swiper: Vrapper för [Swiper.js bibliotek](https://swiperjs.com/)• Lätt att använda
j-SwitchButton
j-SwitchButton alternativ: krävs, funktionshinder, gränser, anpassning, beskrivning
j-Table
Visa register i en konfigurerad tabell.
j-TableGrid
Komponenten gör ett enkelt bordsband (komponerat av div-element) uppdelat med en enkel gräns som du kan ändra.
j-TabMenu
j-TabMenu-alternativ: klass, selektor, datakälla, inaktiverad, exec, attr
j-Tabs
j-Tabs alternativ: ikon, data-id, titel, ikon
j-Tagger
Tagger kan göra objekt i raden och varje objekt kan tas bort.
j-Template
j-Template: När modellen är noll eller ofördefinierad så kommer mallet att döljas
j-Templates
Templates måste definieras i <script type='text/html' data-name='NAMEOFTEMPLATE'>Tangular template</script> element.
j-Textarea
j-Textarea: NEW stöder dolda skruvbar
j-Textbox
j-Textbox: NEW innerlabel {Boolean} valfritt, möjliggör intern etikett (default: true)
j-TextboxList
j-TextboxList: NEW rörlig {Boolean} gör det möjligt att ändra position för befintliga objekt
j-Time
Denna komponent ger en aktuell tid.
j-TimePicker
Komponenten måste kallas manuellt eller fungerar med komponenten j-Input automatiskt.
j-Title
j-Title: Lätt att använda; singleton
j-ToggleBox
ToggleBox kan beställa om eller dölja objekt i Array.
j-ToggleButton
Ikoner kan vara i form: cirkel eller ti-cirkel.
j-ToggleMore
Det är en enkel komponent för att ta tag i innehållet.
j-Tooltip
j-Tooltip: singleton; universell användning
j-TouchMove
Enkel touchmove-komponent för enkel touchnavigation next/prev/down.
j-Tour
Viktigt: Placera denna komponent på botten av kroppens element
j-Tree
Setter utökar automatiskt varje objekt genom att lägga till .$pointer egenskap med en trädindex.
j-TreeView
Denna komponent är bara en beta-preview. det är fortfarande under konstruktion.
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.
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.
j-Unsaved
j-Unsaved: Lätt att använda
j-Upload
Komponenten kan ladda upp filer.
j-Validate
Komponenten innehåller samma källkod som komponenten j-Validation.
j-Validation
Komponenten innehåller samma källkod som komponenten j-Validate.
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
j-ViewBox
j-ViewBox: håller en fast procentsats höjd; bra användning för intranet-applikationer
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.
j-Watch
Komponenten kan utvärdera metoden i formfunktionen (värde, element, typ, väg) när värdet (enligt vägen) ändras.
j-Watcher
Denna komponent utför koden som definieras i <script type='text/js'></script> taggen.
j-Wiki
Bra komponent för inline Wiki / Dokumentation.
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-
j-Windows
Fönsterkomponenten förväntar sig en uppsättning objekt.
j-WizardExpert
En enkel lösning för att göra avancerade trollkarlar. Trollkarlarna laddar ner steg (som HTML-delar) enligt schemat.
j-Wysiwyg
j-Wysiwyg: Stöd för mörk mode
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.
j-PermissionsOP
Redigera roll, grupp och användarbehörigheter för OpenPlatform-program.
j-UIStudio
Renderar en Flow UI Studio ansökan.
j-FlowEditor
Öppna flödesignen för en FlowStream WebSocket slutpunkt.
j-UIEditor
Öppna UI Builder och få sparade designar.
j-ServiceWorker
Cache SPA tillgångar och en offline fallback med en tjänstearbetare.
j-Paper
Redigera rik innehåll som en lista med widgets.
j-Changer
Spåra ändringar till en modellvärde för formvalidering.
j-WebSocket
Skicka och ta emot JSON-meddelanden via en återkoppling av WebSocket.