j-Part

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

Tento komponent dokáže asynchrónne spracovať rôzny obsah. 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, porovnáva sa s hodnotou v rámci path (NEW: podporuje viacero ciest delených comma)
reload {String} voliteľné, prepojenie na funkciu function(init) {}, vykoná sa, keď je diel viditeľný (vždy)
hidden {String} voliteľné, odkaz na funkciu, vykoná sa, keď je diel skrytý (vždy)
init {String} voliteľné, odkaz na funkciu, vykoná sa, keď je diel viditeľný a raz
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é, prepojenie na funkciu, vykoná sa pred vyčistením dielu
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é, prepojenie na funkciu function(next) { next(); }, vykoná sa, keď sa diel chce zobraziť
invisible {Boolean} umožňuje pridanie triedy invisible, keď sa diel 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 dielu vydáva event v tvare: parts. + config.if na vysúvanie dielov. To môže byť veľmi užitočné pre niektoré systémy doplnkov. Príklad:

Je dobré vedieť 3:

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

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

Použite ho so <ui-component name="part">. 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="part" path="currentpart" config="if:home;url:/bla/bla/home.html"></ui-component>
<ui-component name="part" path="currentpart" config="if:services;url:/bla/bla/services.html;reload:services_reload"></ui-component>
<ui-component name="part" path="currentpart" config="if:contact;url:/bla/bla/contact.html;reload:contact_reload"></ui-component>

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

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