j-Page

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

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 url definovaného v konfigurácii.

NEW path môže obsahovať {String Array}

Konfigurácia:

Vyžaduje sa url {String}, relatívna adresa URL
Vyžaduje sa if {String}, podmienka, je porovnaná s hodnotou v rámci path (NEW: podporuje viacero ciest delených comma)
reload {String} voliteľné, odkaz na funkciu function(init) {}, vykoná sa, keď je stránka viditeľná (vždy)
hidden {String} voliteľné, odkaz na funkciu, spustí sa, keď je stránka skrytá (vždy)
init {String} voliteľné, odkaz na funkciu, spustí sa, keď je stránka viditeľná a jednorazovo
default {String} voliteľné, krátky alias pre DEFAULT(default)
hide {Boolean} voliteľné, automaticky skryť prvok, ak podmienka if nie je platná (predvolené: true)
cleaner {Number} voliteľné, čas nečinnosti (v minútach) pre spustenie čistenia (predvolené: 0)
clean {String} voliteľné, odkaz na funkciu, vykoná sa pred vyčistením stránky
loading {Boolean} voliteľné, umožňuje načítanie cez SETTER('loading') (predvolené: true)
path {String} voliteľné, komponent nahradí všetky frázy ~PATH~ a CLASS za hodnotu path v stiahnutej šablóne
replace {String} voliteľné, odkaz na metódu function(content) { return content }, ktorá môže upraviť stiahnutú šablónu
absolute {Boolean} voliteľné, umožňuje absolútnu polohu (predvolené false)
check {String} voliteľné, odkaz na funkciu function(next) { next(); }, vykoná sa, keď sa stránka chce zobraziť
invisible {Boolean} umožňuje pridanie triedy invisible, keď sa stránka skryje (predvolené: false)
delay {Number} oneskorenie (v ms) na odstránenie triedy invisible a skrytie loading (predvolené: 500)
autofocus {Boolean/String} zaostrí prvý vstup, textovú oblasť (predvolené: false)
delayloading {Number} oneskorenie (v ms) na skrytie loading (predvolené: 800)
id {String} vlastný identifikátor na nahradenie fráz ~ID~ v importovanom HTML (predvolené: prázdne)

Je dobré vedieť 1:

všetky frázy CLASS a ~PATH~ budú automaticky nahradené výrazmi config.path alebo config.if
všetky frázy ~ID~ budú automaticky nahradené frázami config.id

Je dobré vedieť 2:

Komponent stránky vydáva event v tvare: pages. + config.if pre rozšírenie strán. To môže byť veľmi užitočné pre niektoré systémy doplnkov. Príklad:

Je dobré vedieť 3:

Ak komponent stránky nie je v rozsahu, potom hodnota zo config.if nahradí znaky ? vo všetkých konfiguračných kľúčoch.

ON('pages.YOURIFCONDITION', function(element, pagecomponent) {
	// It's executed only when the page is initialized
});

Použite ho so <ui-component name="page">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

example.html

<ui-component name="page" path="currentpage" config="if:home;url:/bla/bla/home.html"></ui-component>
<ui-component name="page" path="currentpage" config="if:services;url:/bla/bla/services.html;reload:services_reload"></ui-component>
<ui-component name="page" path="currentpage" config="if:contact;url:/bla/bla/contact.html;reload:contact_reload"></ui-component>

<pre><code>SET(&#39;currentpage&#39;, &#39;home&#39;);</code></pre>

<script>
	var currentpage = '';
</script>