Katalóg komponentov (jComponent 20)
Komponenty rozhrania pre jComponent 20 s možnosťami konfigurácie a príkladmi použitia.
j-AjaxLoading
Tento komponent môže zobrazovať načítavací text pre asynchrónne operácie AJAX.
j-Animation
Tento komponent dokáže animovať prvky s triedou .animation.
j-Approve
j-Approve: jednoduché použitie; singleton
j-ASelected
Komponent pridá vybranú triedu do prvku <a, ak atribút href prvku bude obsahovať URL adresu z webového prehliadača. Je určený pre verejné webové stránky.
j-Attachments
Komponent zobrazuje prílohy v jednoduchom zozname. Používateľ môže odstrániť prílohy.
j-Audio
j-Audio: singleton; komponent dokáže prehrať a zastaviť audio/zvuk mp3
j-AutoComplete
j-AutoComplete: funguje len s <vstupnými značkami; singleton
j-AutoDarkMode
Komponent automaticky aplikuje tmavý režim podľa operačného systému.
j-AutoExec
Tento komponent automaticky vykoná metódu definovanú vo voľbe exec.
j-AutoFill
Komponent zabalí všetky vnorené prvky do prvku <form> so zakázanými udalosťami formulára.
j-AutoSelect
Komponent automaticky pridáva triedu .selected podľa selektora class='autoselect' v rámci celého HTML dokumentu. Tento komponent je dokonalým riešením pre vykresľovanie na strane servera a následné
j-Avatar
Komponent Avatar potrebuje zaregistrovať vašu vlastnú tému. Obsahuje predvolenú tému.
j-BackToTop
j-BackToTop: funguje ako singleton
j-Backup
Komponent na ukladanie údajov a načítanie z lokálneho úložiska prehliadača.
j-Banners
j-Banners: plne reaguje; jednoduchá CSS animácia
j-BarChart
Pozrite si príklad a ponechajte si zdroj údajov.
j-Box
Komponent podporuje dynamické vyhodnocovanie obsahu <script type='text/html'>. Príklad nižšie obsahuje skript s HTML a komponent vyhodnotí obsah, ak sa zobrazí j-Form
j-Breadcrumb
j-Breadcrumb: NOVINKA: ikona šípky {String} ikona šípky (predvolené: ti ti-angle-right)
j-Button
Jednoduchý tlačidlový komponent so skvelými funkciami.
j-Calendar
Komponent musí byť vyvolaný manuálne alebo pracuje s textovým poľom alebo komponentom j-Input automaticky. Komponent je singleton.
j-Carousel
j-Carousel: podporuje dotykové gestá (prejdenie prstom) a pevnú plnú veľkosť na mobile; poučiť sa z príkladu
j-Carousel2
Je to jednoduchý komponent karuselu optimalizovaný pre stolné počítače a mobilné zariadenia. Každý prvok musí byť zabalený do prvku <figure> (pozri príklad).
j-Centered
Nová verzia tohto komponentu podporuje dynamické vyhodnocovanie obsahu <script type='text/html'>. Príklad nižšie obsahuje skript s HTML a komponent vyhodnotí obsah, ak j-Fo
j-Checkbox
Možnosti j-Checkbox: požadované, štítok, vypnuté, kontrolná ikona, spätný chod
j-Checkboxlist
j-Checkboxlist: pre vlastný dizajn môžete použiť j-CheckboxListExpert; teraz podporuje tmavý režim
j-CheckboxListExpert
Dokonalý komponent pre zoznam položiek s vlastnými štýlmi. Je to trochu pokročilé, ale rozhodne to stojí za to!
j-CheckPath
j-CheckPath: Singleton; Vývojový nástroj
j-Children
Komponent vykresľuje presúvateľné položky ako strom bez možnosti zbalenia. Zdroj údajov musí byť Object Array v tvare: { id: String, deti: [ ], VAŠE VLASTNOSTI }, { ... }
j-Choose
Komponent je alternatívou k CheckboxListExpert a RadioButtonListExpert.
j-ChunkyScroll
j-ChunkyScroll: dokáže spracovať tisíce položiek/prvkov
j-Cl
Komponent analyzuje vložené údaje definované v prvku komponentu. Údaje sa analyzujú do formátu číselníka.
j-ClBind
Komponent číta položku s prepojeným zdrojom údajov. Komponent podporuje šablónu Tangular vo vnútri prvku (voliteľné). Keďže hodnota je uložená v premennej {{ value.something }}.
j-Click
Komponent volá metódu alebo môže nastaviť hodnotu podľa cesty.
j-ClickBox
Tento komponent je optimalizovaný pre SEO. Prečíta všetky odkazy a vytvorí klikacie pole. Komponent automaticky zvýrazní hodnotu podľa parametra URL.
j-Clipboard
j-Clipboard: Funguje ako singleton; Používa navigator.clipboard.writeText() alebo document.execCommand('copy') ako zálohu
j-ClipboardImage
Tento komponent automaticky zachytáva obrázky do schránky.
j-Clock
j-Clock: podporuje tmavý režim; funguje iba s Bootstrap Grid System (inak je potrebné opraviť CSS)
j-CloudEditor
j-CloudEditor: funguje v rámci iframe; podporuje viacero kurzorov (Shift + cmd + šípka nadol/nahor)
j-CloudEditorSimple
Je to jednoduchá alternatíva k j-CloudEditor. V konfigurácii môžete zadať hlavnú konfiguráciu a hodnota je {String} (v j-CloudEditor je konfiguračná časť hodnoty).
j-Code
Je to jednoduchá alternatíva k j-CloudEditor. V konfigurácii môžete zadať hlavnú konfiguráciu a hodnota je {String} (v j-CloudEditor je súčasťou hodnoty konfigurácia). Je to ten istý komponent a
j-CodeMirror
j-CodeMirror: podporuje viacero kurzorov (shift + cmd + šípka-nadol/nahor); podporuje nájdenie vybraného textu (cmd + d)
j-ColorPicker
j-ColorPicker: Komponent je jednotónový; Jednoduchý výber farieb
j-ColorPickerButton
j-ColorPickerButton: Komponent je jednotónový; Podporuje temnú tému
j-ColorSelector
Možnosti j-ColorSelector: vypnuté, povinné
j-Columns
Komponent Columns je veľmi jednoduchou alternatívou k j-Layout a j-Layout2. Pomocou tohto komponentu môžete nastaviť stĺpce so 100% výškou podľa vašich potrieb.
j-Configuration
j-Configuration: podporuje tmavý režim; NOVINKA: zdroj údajov {String} voliteľný, cesta k zdroju údajov pre konfiguračné položky
j-Confirm
j-Confirm: jednoduché použitie; singleton
j-Console
j-Console: jednoduché použitie; singleton
j-Console2
j-Console2: jednoduché použitie; podporuje tmavý režim
j-ContentEditable
j-ContentEditable: jednoduché použitie; podporuje skvelé funkcie
j-ContentSlider
Nižšie uvedený kód rieši problém s komponentom vykresľovania, keď je komponent dynamicky zobrazený.
j-ContextMenu
Ak hodnota nie je definovaná, komponent použije názov ako hodnotu.
j-Controls
j-Controls: singleton
j-Cookie
j-Cookie: singleton; používa localStorage
j-Cookie2
j-Cookie2: singleton; používa localStorage
j-CountDown
Komponent môže po uplynutí času zobraziť akciu.
j-Crop
j-Crop: priblíženie; drag and drop
j-Dashboard
Komponent očakáva pole objektov.
j-DataGrid
Táto mriežka bola vytvorená pre jednostránkové aplikácie a podnikové aplikácie.
j-DataSource
Komponent načíta dáta z externého zdroja pomocou metódy AJAX() a naviaže hodnotu podľa config.path.
j-DataTable
BETA: Tento komponent je určený pre SPA a výpisy na strane servera.
j-DatePicker
Komponent musí byť vyvolaný manuálne alebo pracuje s komponentom j-Input automaticky. Komponent je singleton.
j-Detach
Komponent môže odpojiť/pripojiť všetky deti (prvky HTML). Napríklad, ak máte prvky vo vnútri panela, môžete prvky presunúť napr. do j-Windows.
j-Detail
Tento komponent dokáže vykresliť hodnoty z modelu. Podporuje inline mapovanie - pozrite sa do zdrojového kódu príkladu.
j-Developer
Tento komponent monitoruje jednostránkovú aplikáciu jComponent. Stačí zahrnúť komponent pod prvok <body>. Funguje iba so jComponent +v18.
j-Diagram
Možnosti j-Diagram: parent, margin, marginxs, marginsm, marginmd, marginlg, reverse
j-Directory
Je to podobný komponent ako j-Suggestion, ale má vylepšený dizajn a podporuje viac praktických funkcií.
j-Display
Komponent automaticky vypočíta interval medzi zobrazeniami. Predvolený typ zobrazenia je lg.
j-Dockable
Dokovateľný komponent očakáva pole objektov.
j-DonutChart
Možnosti j-DonutChart: popis, formát, prezentácia, výber, prekreslenie, animácia, veľkosť, zvýraznenie
j-DragDropElement
Udalosť pri ťahaní zobrazí modálne vnútri daného prvku s textom Drop & drop files here. Pri presunutí pretiahnutých súborov preč od prvku alebo odstránení pretiahnutých súborov sa modal skryje. Tiež na drop event exec functio
j-DragDropFiles
Možnosti j-DragDropFiles: exec, class, click, accept
j-Draggable
Jednoduchý komponent, ktorý dokáže zachytiť operáciu drag & drop.
j-Drawer
j-Drawer: NEW: width {Number} predvolená šírka (predvolená: 250); NOVINKA: widthlg {Number} voliteľné, šírka pre veľké displeje
j-DrawZone
Komponent môže nakresliť zónu (polygón). Tento komponent používa knižnicu [OpenLayers](https://openlayers.org/) s mapovým mechanizmom [OpenStreetMap](https://www.openstreetmap.org/).
j-Dropdown
Možnosti j-Dropdown: povinné, položky, ikona, štítok, typ, zdroj údajov, text, hodnota
j-DropdownCheckbox
j-DropdownCheckbox: NOVINKA teraz podporuje tmavý režim
j-DropdownList
Možnosti j-DropdownList: požadované, zdroj údajov, limit, vypnuté, dirplaceholder, dirsearch, kontrola
j-DropFiles
j-DropFiles: singleton; zachytáva všetky vypustené súbory do okna
j-Duplicator
BETA VERZIA. Tento komponent je trochu špeciálny komponent, pretože dokáže niekoľkokrát duplikovať rovnaký obsah s rôznymi zdrojmi údajov. Zobrazovanie nejakého textového editora s kartami, ktorých každá karta obsahuje rozdiel
j-DynamicValue
Tento komponent je veľmi špeciálny komponent. Dokáže ponechať hodnotu napríklad Číslo a zároveň dokáže vykresliť iný čitateľný text. Tento komponent je optimalizovaný pre dynamické použitie, preto musí byť l
j-DynamicValueList
Tento komponent je veľmi špeciálny komponent. Dokáže ponechať hodnoty napríklad Number a zároveň dokáže vykresliť iný čitateľný text. Tento komponent je optimalizovaný pre dynamické použitie, takže musí byť li
j-EAN13
Komponent nakreslí čiarový kód EAN-13 podľa hodnoty cesty.
j-Edit
Komponent umožňuje atribút contenteditable pre prvky s triedami edit alebo edit2.
j-Editable
Tento komponent môže upravovať všetky prvky s upraviteľnou triedou. Pracuje s dátovými alebo dynamickými hodnotami. Zistite viac z príkladu.
j-ElementID
Tento komponent vyplní atribút data-id hodnotou načítanou z cesty.
j-Emoji
j-Emoji: Používanie emotikonov UTF; Osobná história s často používanými emotikonmi
j-EmojiButton
j-EmojiButton: Komponent je jednotónový; Podporuje temnú tému
j-Empty
j-Empty: NOVÉ čakanie {Boolean} čaká na údaje (predvolené: false)
j-EmptyInline
Komponent zobrazí text vo vnútri prvku, ak je hodnota prázdna alebo pole neobsahuje položku.
j-Enter
Tento komponent vyhodnotí nejakú metódu, ak používateľ stlačí enter. Dôležité: komponent nájde všetky vstupné prvky a vykoná CAN() pre cestu.
j-Enterbox
Jednoduchý EnterBox. Každú hodnotu je potrebné potvrdiť klávesom Enter alebo kliknutím na tlačidlo.
j-Error
j-Error: jednoduché použitie; chyby sa zobrazia iba vtedy, ak cesta obsahuje pole v nasledujúcom tvare:
j-ErrorHandler
Tento komponent zachytáva ON('ERROR', function (spúšťač udalosti err z metódy ERROR()) a snaží sa zobraziť formulár pohodlnejšie.
j-Exec
Komponent vykoná metódu, keď používateľ klikne na rovnaký prvok s triedou exec, exec2 alebo exec3. Viac informácií nájdete nižšie. Komponent je singleton a funguje pre celé HTML
j-Expander
j-Expander: NOVINKA výška {číslo} a max. výška (predvolená: 150); NOVÁ ikona ikony {String} hore (predvolené: ti-angle-double-up)
j-ExpansionPanel
Možnosti j-ExpansionPanel: viac, ikona, ID údajov, názov, ikona
j-Extend
Tento komponent je špecifický komponent s výkonnými funkciami. Keď je komponent vyhodnotený, vykoná dve udalosti vo formulári nižšie. Komponent môže byť nápomocný vo webových aplikáciách, ktoré
j-FaIcons
j-FaIcons: Font-Awesome Icons; singleton
j-FaIconsButton
j-FaIconsButton: používa j-FaIcons
j-FaviconUnread
j-FaviconUnread: NOVÝ odznak {Boolean} voliteľný, umožňuje použitie navigator.setAppBadge() (predvolené: true)
j-Features
j-Features: len pre stolné počítače; singleton
j-FeedbackButton
j-FeedbackButton: singleton; univerzálne použitie
j-FileBrowser
Komponent otvorí prehliadač súborov a vráti vybrané súbory.
j-FileReader
j-FileReader: singleton; jednoduché použitie
j-FileSaver
Tento komponent je obal pre [FileSaver.js knižnicu](https://github.com/eligrey/FileSaver.js/). Pomocou tohto komponentu môžete jednoducho ukladať lokálne generované súbory priamo vo webovom prehliadači.
j-FileUpload
Je veľmi nápomocný komponent pre nahrávanie napr. profilové fotografie. Túto súčasť považujem za vložené nahrávanie súboru. Pozrite si zdroj html. Komponent nahráva súbory cez multipart/form-data.
j-FileUploader
Jednoduchý komponent na nahrávanie súborov. Podporuje automatickú zmenu veľkosti obrázkov.
j-FileUploadList
Tento komponent dokáže nahrať súbory a výsledok sa pridá do modelu. Model musí byť pole.
j-FixedModal
Obsah j-FixedModal je rozdelený do 3 častí: hlavička, telo a päta. Každá časť musí byť definovaná. Komponent pridáva do každej časti CSS triedy, napríklad prvý div bude obsahovať ui-fixedmodal
j-FloatingBox
j-FloatingBox: podporuje tmavý režim
j-FloatingInput
j-FloatingInput: singleton; podporuje tmavý režim
j-FloatingPanel
Metódy môžete kombinovať s komponentom j-Shortcuts.
j-FloatingSearch
Jednoduchý vstup pre plávajúce vyhľadávanie. Používa absolútnu pozíciu a je zameraná nad panelmi nástrojov, pretože môže prekrývať panel s nástrojmi.
j-Flow
j-Flow: identifikátory nemôžu obsahovať znak; NOVÉ onpause {String} cesta k metóde fn(cesta, je), vykoná sa, keď je výstup/vstup pozastavený
j-Folder
Komponent dokáže vykresliť obsah ako prehliadač súborov. cesta musí byť v tvare napr. Adresár/Adresár/Súbor. Učte sa z príkladu.
j-FontAwesome
Jednoduchý prehliadač FontAwesome s fulltextovým vyhľadávaním. Podporuje najnovšiu funkciu a je responzívna.
j-FontAwesomeBox
Jednoduchý prehliadač FontAwesome s fulltextovým vyhľadávaním. Optimalizované pre jComponent +v17.
j-Form
Nová verzia tohto komponentu podporuje dynamické vyhodnocovanie obsahu <script type='text/html'>. Príklad nižšie obsahuje skript s HTML a komponent vyhodnotí obsah, ak j-Fo
j-FormData
Pomocou tohto komponentu môžete posielať dáta metódou POST/PUT/DELETE do aktuálneho okna alebo iného.
j-FormTab
j-FormTab: Komponent presúva obsah tohto komponentu pod značku <body> (kvôli umiestneniu); Komponent očakáva pole
j-FullForm
Komponent presúva obsah tohto komponentu pod značku <body> (kvôli polohovaniu) a podporuje vyhodnocovanie obsahu <script type='text/html'>. Nižšie uvedený príklad obsahuje skript
j-Gallery
j-Gallery: pracuje s Bootstrap Grid System; jednoduché použitie
j-Gauge
Možnosti j-Gauge: desatinné miesta, formát, farby, text, ťah
j-GPS
Komponent sa pokúša prečítať súradnice GPS.
j-Grid
Zobraziť tabuľkové záznamy s filtrovaním, vyhľadávaním a konfigurovateľným zdrojom údajov.
j-HashChange
Komponent zachytáva všetky zmeny pre #hashtag v URL adrese. Pri zmene vygeneruje hash udalosti. Komponent reaguje na skutočné zmeny.
j-HighlightSyntax
Jednoduchý zvýrazňovač syntaxe pomocou Highlight.js.
j-Icons
j-Icons: Total.js Zoznam ikon; singleton
j-IdleTime
Tento komponent vysiela udalosť ON('idletime', function(is) {}), keď je webová lokalita nečinná. Reaguje na myš, klávesnicu, dotykové udalosti alebo zaostrenie okna. A komponent nastaví Boolean podľa tl
j-iFrame
Komponent vykreslí inú URL adresu (uloženú v atribúte path) priamo v prvku iframe. Najväčším benefitom je automatická zmena veľkosti prvku iframe podľa rodičovského selektora.
j-iFrameEditable
j-iFrameEditable: môže bezpečne upravovať HTML; výška prvku iframe sa automaticky počíta od tela
j-iFramePreview
j-iFramePreview: jednoduché použitie napr. faktúry, maily alebo iné náhľady; dokáže bezpečne vykresliť HTML
j-iFrameViewer
Tento komponent zobrazuje vrstvu (nad obsahom) s prvkom iframe.
j-ImageUploader
Jednoduchý jednoduchý komponent na nahrávanie obrázkov so zmenenou veľkosťou. Komponent nahráva base64 podľa schémy definovanej v možnostiach volajúceho.
j-ImageViewer
j-ImageViewer: singleton; umiestnite komponent pod prvok <body
j-ImportCSV
Výstupom tohto komponentu je mapované pole. Komponent používa komponent j-Directory.
j-Importer
j-Import je skvelý komponent na importovanie HTML šablón, skriptov alebo štýlov podľa cesty a podmienky. Komponent môže pomôcť s aplikáciami SPA, pretože môžete jednoducho importovať šablóny,
j-InfiniteScroll
Možnosti j-InfiniteScroll: rodič, okraj, výplň, automatické posúvanie, exec
j-Info
j-Info: singleton; show: SETTER('info', 'show', možnosti)
j-InfoWindows
Komponent InfoWindows očakáva množstvo objektov.
j-InlineDatePicker
Možnosti j-InlineDatePicker: povinné, prvý deň, dnes, dni, mesiace, odznaky, pripojiť
j-InlineForm
Nová verzia tohto komponentu podporuje dynamické vyhodnocovanie obsahu <script type='text/html'>. Príklad nižšie obsahuje skript s HTML a komponent vyhodnotí obsah, ak j-In
j-InlineProperties
j-InlineProperties: jednoduché použitie pre rôzne prípady; singleton
j-Input
j-Input je multifunkčný vstupný komponent, ktorý podporuje množstvo funkcií a je optimalizovaný pre každodenné použitie. Je to skvelá alternatíva k j-Textbox a j-Dropdown. Funguje iba so jComponent +v17.
j-InputTags
j-InputTags: ak licon alebo ricon začína na ! potom komponent vykreslí surovú hodnotu namiesto ikony
j-Intro
j-Intro: NOVINKA: oneskorenie {číslo} oneskorenie ďalšieho tlačidla medzi kliknutiami; NOVINKA: nexticon {String} ikona hotová (predvolené: ti ti-chevron-right)
j-IsOpen
j-IsOpen je jednoduchý komponent na zobrazenie otváracích hodín. Komponent podporuje automatické obnovenie dátumu a času.
j-JSONTree
j-JSONTree vytvorí stromový pohľad z údajov json.
j-Kanban
Dôležité: každá položka potrebuje vlastný identifikátor {String}, pozrite si príklad.
j-KeySelection
Tento komponent umožňuje užívateľovi vybrať niektoré položky pomocou kláves hore/dole a potvrdiť výber klávesom enter.
j-KeyValue
Jednoduchý komponent na vytváranie hodnôt párov kľúč/hodnota.
j-LargeForm
Nová verzia tohto komponentu podporuje dynamické vyhodnocovanie obsahu <script type='text/html'>. Príklad nižšie obsahuje skript s HTML a komponent vyhodnotí obsah, ak j-Fo
j-Markdown
Tento komponent obsahuje iba analyzátor Markdown.
j-Layer
j-Layer: Funguje s Bootstrap; NOVINKA: automatické zaostrovanie {Boolean/String} zameriava prvý vstup, textovú oblasť (predvolené: false)
j-Layout
Vytvorenie rozloženia je veľmi jednoduché a s množstvom možností. Layout musí mať vlastnú HTML štruktúru. Pozrite sa na príklad. Nižšie uvedený príklad popisuje iba metadáta rozloženia.
j-Layout2
Vytvorenie rozloženia je veľmi jednoduché.
j-LazyContent
Tento komponent zobrazuje vlastný obsah, keď je viditeľný. Podporuje užitočné funkcie, ako je prekreslenie a skrytie.
j-LazyImages
Komponent sa snaží nájsť všetky prvky <img s atribútom data-src='' a ak je prvok viditeľný, komponent aktualizuje atribút src='' hodnotou z atribútu data-src=''.
j-LazyLoad
j-LazyLoad: jednoduché použitie; dá sa použiť na všetko
j-Leaflet
Tento komponent používa [Leaflet](https://leafletjs.com/) knižnicu s [OpenStreetMap](https://www.openstreetmap.org/) mapovým nástrojom. Komponent používa závislosti tretích strán.
j-LineChart
Pozrite si príklad a ponechajte si zdroj údajov.
j-ListBox
j-ListBox: NOVÝ tmavý režim; Funguje s Bootstrap
j-ListDetail
Komponent rozdeľuje obsah na časť výpisu a časť detailu. Zobrazenie detailu závisí od cesty {Boolean}.
j-ListForm
j-ListForm: NOVÉ: oneskorenie {Číslo} počiatočné oneskorenie pre zobrazenie detailu (predvolené: 1000 ms); NOVINKA: component.add() otvorí formulár na vytvorenie záznamu
j-Listing
j-Listing: jednoduché použitie; pracuje s celým Arrays iba na strane klienta
j-ListMenu
Komponent ListMenu pre vlastné položky zoznamu. Treba to nastylovať.
j-ListMenuEditable
Komponent pre ponuku editovateľného zoznamu
j-LiveStats
j-LiveStats: podporuje tmavý režim; citlivý
j-LoadContent
Komponent načíta obsah zo šablóny <script type='text/html'> a pridá ho do prvku. Je to skvelé riešenie pre opakovane použiteľný obsah. Učte sa z príkladu.
j-Loading
j-Loading: automaticky priraďuje príznaky @showloading a @hideloading; NOVINKA: štýl {číslo} štýl načítania (predvolené: 1)
j-Locale
Tento komponent nastavuje aktuálne miestne nastavenie prehliadača (formát čísel, formát dátumu a času) podľa navigatior.language.
j-MainProgress
Tento komponent je singleton. Komponent je viditeľný, keď je hodnota väčšia ako 0 a menšia ako 100. Data-binding očakáva Number.
j-Map
j-Map: jednoduché použitie; obojsmerná väzba funguje s GPS (takže komponent vracia GPS súradnice do modelu, keď sa namiesto GPS použije text)
j-MapZones
Komponent na kreslenie a zobrazovanie zón na mape. Tento komponent používa knižnicu [OpenLayers](https://openlayers.org/) s mapovým modulom [OpenStreetMap](https://www.openstreetmap.org/). spol
j-MarkdownEditor
Tento komponent používa editor https://simplemde.com/ na úpravu markdown.
j-MarkdownPreview
Tento komponent závisí od komponentu j-Markdown. Na zvýraznenie syntaxe používa knižnicu highlight.js.
j-Masonry
Jednoduchý murársky komponent. Komponent vykreslí pole podľa veľkosti zobrazenia do stĺpcov.
j-Menu
j-Menu: jednoduché použitie pre rôzne prípady; pracuje s dotykmi
j-Message
j-Message: singleton; jednoduché použitie
j-MinHeight
Tento komponent nastavuje minimálnu výšku nadradeného (definovaného) prvku. Komponent je užitočný pre intranetové aplikácie.
j-MiniForm
Nová verzia tohto komponentu podporuje dynamické vyhodnocovanie obsahu <script type='text/html'>. Príklad nižšie obsahuje skript s HTML a komponent vyhodnotí obsah, ak j-Mi
j-MobileCarousel
Funguje iba so systémom Bootstrap grid a v mobilných zariadeniach xs.
j-Modal
Je jednoduchou alternatívou k j-Form.
j-Modificator
Tento komponent môže modifikovať správanie prvku podľa preddefinovanej schémy. Komponent sa dá zavesiť na prvok tela (pretože je to singleton) a je optimalizovaný na výkon.
j-MonacoEditor
Komponent vykreslí [Monaco editor](https://microsoft.github.io/monaco-editor/).
j-MonthlyCalendar
Názvy mesiacov a dní sú prevzaté z vlastností MONTHS a DAYS definovaných v knižnici jComponent.
j-Movable
Komponent ovláda podobný preťahovateľný prvok a podporuje pohyb medzi sebou. Každý prvok podľa selektora musí mať definovaný atribút draggable='true'.
j-Movement
Tento komponent zachytáva základné klávesy klávesnice, ako sú šípky, enter a esc.
j-MultiOptions
Komponent MultiOptions používa túto farebnú schému: <http://codepen.io/devi8/pen/lvIeh> a nižšie uvedená deklarácia zobrazí všetky farby v nastaveniach widgetu.
j-NativeNotifications
j-NativeNotifications: jednoduché použitie; singleton
j-Navigation
j-Navigation: jednoduchý navigačný komponent ako strom; jednoduché na prispôsobenie
j-NavLayout
Jednoduché a plne citlivé rozloženie navigácie.
j-NoScrollbar
j-NoScrollbar: tento komponent je niečo ako j-ViewBox bez natívneho/vlastného posúvača
j-NoSQLcounter
j-NoSQLcounter: jednoduché použitie; zdroj údajov musí byť v tvare: [{ id: 201702, rok: 2017, mesiac: 2, hodnota: 1690 }]
j-Notifications
j-Notifications: jednoduché použitie; singleton
j-NotificationsPanel
j-NotificationsPanel: jednoduché použitie; singleton
j-Notify
j-Notify: chyby sú spracované automaticky
j-NotifyBar
j-NotifyBar: singleton; úspešná správa SETTER('notifybar/success', 'MESSAGE')
j-ObjectEditor
j-ObjectEditor: NOVINKA: exec {String} cesta k funkcii (kľúč, hodnota) a vykoná sa, ak sa hodnota zmení
j-ObjectTree
Rozšíriteľný/zbaliteľný strom objektov.
j-Offline
Tento komponent zobrazí okno s hlásením, keď nie je k dispozícii internetové pripojenie.
j-OneTime
Tento komponent vykoná metódu iba raz a čaká na expiráciu.
j-Packeta
Tento komponent umožňuje zákazníkom vybrať [Packeta](https://www.packeta.com/) miesto odberu. Po výbere sa získa úplný objekt bodu vyzdvihnutia, ktorý možno spracovať pomocou funkcie spätného volania
j-Page
Tento komponent dokáže asynchrónne spracovať rôzny obsah. Komponent má rovnakú funkčnosť ako j-Part. Ak prvok neobsahuje žiadny obsah, komponent stiahne obsah podľa
j-Pages
Komponent je lepšou alternatívou komponentu j-Section. Výsledkom je, že v prípade potreby môžete jednoducho vytvoriť viacstránkovú aplikáciu s dynamickým načítaním obsahu. Výsledok vyzerá pre mobil veľmi intuitívne
j-Panel
Nová verzia tohto komponentu podporuje dynamické vyhodnocovanie obsahu <script type='text/html'>. Príklad nižšie obsahuje skript s HTML a komponent vyhodnotí obsah, ak j-Pa
j-Parameters
Tento komponent môže meniť vnútorné parametre.
j-Part
Tento komponent dokáže asynchrónne spracovať rôzny obsah. Ak prvok neobsahuje žiadny obsah, komponent stiahne obsah podľa adresy URL definovanej v konfigurácii.
j-Parts
Tento obsah dokáže spracovať viacero častí uložených v poli a zamerať sa na jednu konkrétnu časť. Simuluje niečo ako karty prehliadača.
j-PasswordMeter
Tento komponent vyhodnocuje heslo podľa hodnotenia. Hodnotenie sa počíta v percentách: 100 % = silný, 50 % = dobrý, 0 % = slabý.
j-Paste
Komponent zachytáva udalosť prilepenia.
j-Period
Komponent na výber časového obdobia.
j-Permissions
j-Permissions: - jComponent v19|v20; NOVINKA: exec {String} voliteľné, vykoná metódu (cesta.k.metóde), keď používateľ zmení hodnotu
j-Pictures
Komponent zobrazuje obrázky v jednoduchom zozname. Používateľ môže odstrániť a zmeniť usporiadanie obrázkov.
j-PictureUpload
j-PictureUpload: jednoduché použitie; pracuje s Bootstrap Grid System
j-PictureUploadExpert
j-PictureUploadExpert: pokročilé použitie; podpora drag and drop
j-Pin
Jednoduchý tvorca PIN.
j-Planner
Zobraziť naplánované položky v pláne.
j-Preview
Tento komponent automaticky zmení veľkosť obrázka podľa nastavení a odošle ho na server vo formáte base64.
j-PriceRange
Komponent ukladá hodnotu ako reťazec 200-500, vysvetlenie: od-do.
j-Printer
Komponent dokáže vytlačiť obsah HTML.
j-Progress
Možnosti j-Progress: animovať
j-Prompt
Komponent (singleton) zobrazí okno s výzvou s jednoriadkovým alebo viacriadkovým vstupom.
j-Properties
Komponent využíva komponenty j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker a j-FaIcons.
j-Properties2
Komponent využíva komponenty j-DatePicker, j-TimePicker, j-Directory, j-Emoji, j-ColorPicker a j-Icons.
j-QRCode
Tento komponent vytvára QR kód. Zahŕňa [knižnicu QRCode](https://davidshimjs.github.io/qrcodejs/).
j-QRCodeGenerator
j-QRCodeGenerator: jednoduché použitie; používa server <http://goqr.me>
j-RadioButton
j-RadioButton: pre vlastný dizajn môžete použiť j-RadioButtonExpert; teraz môžete použiť zdroj údajov
j-RadioButtonExpert
Perfektný komponent pre prepínač s vlastnými štýlmi. Je to trochu pokročilé, ale rozhodne to stojí za to!
j-Range
j-Range: podporuje tmavý režim
j-Rating
j-Rating: jednoduché použitie
j-RawEditable
j-RawEditable je jednoduchý komponent s veľkou skrytou funkcionalitou. Je zameraný na ďalšie prispôsobenie.
j-RawInput
j-RawInput je jednoduchý vstupný komponent s veľkou skrytou funkcionalitou. Je zameraný na ďalšie prispôsobenie.
j-Ready
Tento komponent vykonáva niektoré operácie, keď je komponent pripravený.
j-reCAPTCHA
Zobrazí výzvu reCAPTCHA a priradí token odpovede do modelu.
j-Releaser
Komponent môže po určitom čase uvoľniť vlastný obsah (DOM) + pamäť. Odporúčame použiť pre j-DataGrid, j-CodeMirror, j-CloudEditor atď.
j-Remember
Komponent volá funkciu v rámci intervalu opakovania. Informácie o predchádzajúcom hovore sú uložené v localStorage.
j-Resource
Zdroje sú veľmi skvelým riešením napr. preložiť niektoré texty do všetkých skriptov. Komponent môže byť pripojený viackrát a všetky komponenty používajú jeden repozitár na ukladanie kľúčov a hodnôt.
j-Restart
Komponent je veľmi primitívny a zobrazí obsah iba vtedy, ak je hodnota kladná. Môže to byť užitočné pre jednostránkové aplikácie, ktoré menia verziu na pozadí a frontend n
j-Rows
Komponent Riadky je veľmi jednoduchou alternatívou k j-Layout a j-Layout2.
j-Rules
Komponent dokáže vytvoriť jednoduché pravidlá, ktoré môžete transformovať na niektoré motory ako Total.js Flow. Komponent používa komponent j-Directory.
j-Scanner
Komponent na skenovanie dokumentov.
j-Scrollbar
Vlastné posuvníky. DÔLEŽITÉ: Zabalí aktuálny obsah pridaním dvoch vnorených prvkov div s relatívnou polohou. Funguje iba so jComponent v17.
j-ScrollPercentage
Komponent musí byť pripevnený k prvku, ktorý bude slúžiť ako rolovacia nádoba. Pre celé okno použite prvok korpusu.
j-Search
Jednoduchý komponent fulltextového vyhľadávania. Tento komponent dokáže zobraziť/skryť prvky podľa hľadaného výrazu.
j-SearchBox
Komponent obsahuje vyhľadávacie pole (vstup).
j-SearchData
Tento komponent sa pokúša filtrovať údaje podľa hľadanej frázy.
j-SearchInput
Prispôsobiteľné vyhľadávanie.
j-Section
j-Section: udržiava pevnú percentuálnu výšku; skvelé využitie pre intranetové aplikácie
j-SelectBox
j-SelectBox: NOVINKA raw {Boolean} (voliteľné) umožňuje vykreslenie nespracovaného HTML ako textu (predvolené: false)
j-Selected
Komponent môže nastaviť špecifickú triedu na konkrétny prvok podľa jednoduchej podmienky.
j-Selection
Komponent podporuje niečo ako zoznam začiarkavacích políčok.
j-ServerGrid
BETA VERZIA. Táto mriežka je navrhnutá pre jednostránkové a podnikové aplikácie. Je to jednoduchá alternatíva k oveľa výkonnejšiemu j-DataGrid.
j-ServerList
BETA VERZIA. Tento komponent je navrhnutý pre jednostránkové a podnikové aplikácie. Má takmer rovnakú funkčnosť ako j-ServerGrid, ale poskytuje vývojárom väčšiu slobodu pri vytváraní vlastných položiek.
j-ServerListing
j-ServerListing: jednoduché použitie; druhý model $ obsahuje informácie o zdroji údajov { index: Číslo, strana: Číslo, strany: Číslo, počet: Číslo, hodnota: YOURDATA }
j-ShoppingCart
j-ShoppingCart: singleton; podporuje zľavu
j-Shortcuts
Tento komponent môže pomôcť pri vytváraní klávesových skratiek. Komponent je singleton.
j-SingleUpload
Tento komponent pracuje s komponentom load (keď sa súbor nahráva) a message (keď server vyvolá chybu).
j-Slider
Tento posuvník funguje iba so 100% osou X. Výstup: percento (od 0 do 100).
j-SnackBar
j-SnackBar: singleton; informačná správa SETTER('snackbar/show', 'MESSAGE', '[BUTTONLABEL]', [callbackdismiss])
j-Sounds
Tento komponent obsahuje niektoré preddefinované zvuky ako pípnutie, zlyhanie, úspech atď... Path obsahuje ovládanie hlasitosti v percentách, 0 deaktivuje prehrávanie.
j-SplashScreen
Úvodná obrazovka pre jednostránkové aplikácie. Telo musí byť zabalené do značky <script type='text/html'>HTML</script>. Komponent sa automaticky zničí.
j-Spotlight
j-Spotlight: singleton; pracuje s Bootstrap Grid System
j-Stash
Komponent môže odložiť prvky bez zničenia a odpojenia od DOM. Tento komponent vám môže pomôcť s dynamickým obsahom zo strany servera. Komponent používame v Total.js FlowStre
j-Stats12
Možnosti j-Stats12: výška, max, orámovanie, zvýraznenie
j-Stats24
Možnosti j-Stats24: výška, max, tooltiplarge, tooltip, tooltiptext, orámovanie, zvýraznenie
j-Stats7
Možnosti j-Stats7: výška, max, orámovanie, zvýraznenie, prvý deň
j-StatsBarSimple
Komponent musí mať definovanú šablónu na vykreslenie obsahu a popis. Pre pochopenie si pozrite príklad.
j-StatusInput
j-StatusInput: jednoduché použitie pre rôzne prípady; podporuje tmavý režim
j-Sticker
j-Sticker: NOVINKA: minheight {Number} minimálna výška oblasti posúvania na použitie tried
j-Suggestion
Ak hodnota nie je definovaná, komponent použije názov ako hodnotu.
j-SVGIcons
Tento komponent registruje nový webový komponent v tvare <ui-svgicon name='iconname'></ui-svgicon>.
j-Swiper
j-Swiper: obal pre [knižnicu Swiper.js](https://swiperjs.com/); jednoduché použitie
j-SwitchButton
Možnosti j-SwitchButton: požadované, vypnuté, ohraničenie, zarovnanie, popis
j-Table
Zobraziť záznamy v konfigurovateľnej tabuľke.
j-TableGrid
Komponent vytvára jednoduchú mriežku tabuľky (zloženú z prvkov div) rozdelenú jednoduchým okrajom, ktorý môžete upraviť.
j-TabMenu
Možnosti j-TabMenu: trieda, selektor, zdroj údajov, vypnuté, exec, attr
j-Tabs
Možnosti j-Tabs: ikona, ID údajov, názov, ikona
j-Tagger
Tagger dokáže vykresliť položky v poli a každú položku je možné odstrániť.
j-Template
j-Template: keď je model nulový alebo nedefinovaný, šablóna bude skrytá
j-Templates
Šablóny musia byť definované v elemente <script type='text/html' data-name='NAMEOFTEMPLATE'>Tangular template</script>. Tento komponent podporuje jednu špeciálnu šablónu s názvom prázdna, ktorá bude viditeľná, ak t
j-Textarea
j-Textarea: NOVINKA podporuje skrytý posuvník
j-Textbox
j-Textbox: NOVÉ vnútorné označenie {Boolean} voliteľné, povolí vnútorné označenie (predvolené: true)
j-TextboxList
j-TextboxList: NOVÝ pohyblivý {Boolean} umožňuje zmenu pozície pre existujúce položky
j-Time
Tento komponent vykresľuje aktuálny čas.
j-TimePicker
Komponent musí byť vyvolaný manuálne alebo pracuje s komponentom j-Input automaticky. Tento komponent je singleton.
j-Title
j-Title: jednoduché použitie; singleton
j-ToggleBox
ToggleBox môže zmeniť poradie alebo skryť položky v poli. Komponent očakáva Array.
j-ToggleButton
Ikony môžu byť v tvare: kruh alebo ti ti-kruh.
j-ToggleMore
Je to jednoduchý komponent na prepínanie obsahu.
j-Tooltip
j-Tooltip: singleton; univerzálne použitie
j-TouchMove
Jednoduchý dotykový prvok pre ľahkú dotykovú navigáciu nasledujúci/predchádzajúci/nahor/nadol.
j-Tour
DÔLEŽITÉ: Tento komponent umiestnite na spodnú časť telesa
j-Tree
Setter automaticky rozšíri každý objekt pridaním vlastnosti .$pointer so stromovým indexom.
j-TreeView
Tento komponent je iba ukážkou beta verzie. Stále je vo výstavbe.
j-Typed
Konfigurácia je rovnaká ako [typed.js](https://github.com/mattboldt/typed.js#customization). Jediný rozdiel je v tom, že všetky klávesy sú malé. Je to kvôli zachovaniu konzistencie s ostatnými komponentmi. Zap
j-UIBuilder
Tento komponent vykresľuje aplikáciu navrhnutú cez UI Builder. Aplikáciu môžete načítať cez cestu špecifikovanú v komponente alebo cez možnosť config.url. Cesta môže obsahovať URL adresu k JSO
j-Unsaved
j-Unsaved: jednoduché použitie
j-Upload
Komponent môže vykonávať nahrávanie súborov.
j-Validate
Komponent obsahuje rovnaký zdrojový kód ako komponent j-Validation.
j-Validation
Komponent obsahuje rovnaký zdrojový kód ako komponent j-Validate.
j-View
Tento komponent môže byť užitočný pre opakovane použiteľné zobrazenia v intranetových aplikáciách. Komponent zabalí pohľad do izolovaného rozsahu a hodnota podľa cesty komponentu sa použije ako model pre v
j-ViewBox
j-ViewBox: udržiava pevnú percentuálnu výšku; skvelé využitie pre intranetové aplikácie
j-VirtualWire
Ide o veľmi špeciálny komponent používateľského rozhrania, ktorý dokáže presúvať prvky z prvku do iného prvku podľa selektora a hodnoty cesty. Pre pochopenie si pozrite príklad.
j-Watch
Komponent dokáže vyhodnotiť metódu vo forme funkcie (hodnota, prvok, typ, cesta) pri zmene hodnoty (podľa cesty). Komponent môže zjednodušiť sledovanie zmien v modeli.
j-Watcher
Tento komponent spúšťa kód definovaný v tagu <script type='text/js'></script>.
j-Wiki
Skvelý komponent pre inline Wiki/dokumentáciu.
j-Window
Nová verzia tohto komponentu podporuje dynamické vyhodnocovanie obsahu <script type='text/html'>. Príklad nižšie obsahuje skript s HTML a komponent vyhodnotí obsah, ak j-
j-Windows
Komponent windows očakáva pole objektov.
j-WizardExpert
Jednoduché riešenie na výrobu pokročilých čarodejníkov. Sprievodca stiahne kroky (ako časti HTML) podľa schémy. Kroky sú zabalené do vlastných rozsahov, takže sa overujú.
j-Wysiwyg
j-Wysiwyg: podporuje tmavý režim
j-Xterm
Komponent vykresľuje výstup/vstup terminálu priamo vo webovom prehliadači. DÔLEŽITÉ: príklad nefunguje tak, ako očakávate, potrebuje skutočný výstup na terminál.
j-PermissionsOP
Upraviť rolu, skupinu a používateľské oprávnenia pre aplikácie OpenPlatform.
j-UIStudio
Vykreslite aplikáciu Flow UI Studio.
j-FlowEditor
Otvorte návrhára toku pre koncový bod FlowStream WebSocket.
j-UIEditor
Otvorte UI Builder a získajte uložené návrhy.
j-ServiceWorker
Uložte prostriedky SPA do vyrovnávacej pamäte a offline núdzový režim so servisným pracovníkom.
j-Paper
Upravte bohatý obsah ako zoznam miniaplikácií.
j-Changer
Sledujte zmeny hodnoty modelu na overenie formulára.
j-WebSocket
Odosielajte a prijímajte správy JSON prostredníctvom opätovného pripojenia WebSocket.