j-Part

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Tato složka může zacházet s různými obsahy asynchronně. Jestliže prvek neobsahuje žádný obsah pak komponenta stahuje obsah podle url definovaného v konfiguraci.

NEW path může obsahovat {String Array}

Konfigurace:

url {String} požadovaný, relativní adresa URL
if {String} požadovaný, podmínka, je srovnána s hodnotou v rámci path (NEW: podporuje více cest rozdělených comma)
reload {String} volitelné, odkaz na funkci function(init) {}, je spuštěn, když je část viditelná (vždy)
hidden {String} volitelné, odkaz na funkci, je spuštěn, když je část skryta (vždy)
init {String} volitelné, odkaz na funkci, je spuštěn, když je část viditelná a on-time
default {String} volitelný, krátký alias pro DEFAULT(default)
Volitelný, automaticky skrytý prvek hide {Boolean}, pokud stav if není platný (předvolený: true)
cleaner {Number} volitelný, idle čas (v minutách) pro běh čištění (default: 0)
clean {String} volitelné, odkaz na funkci, je spuštěn dříve, než je část vyčištěna
loading {Boolean} volitelně, umožňuje nabíjení prostřednictvím SETTER('loading') (podmínkou: true)
path {String} volitelně, složka nahrazuje všechny fráze ~PATH~ a CLASS pro hodnotu path v staženém šabloně
replace {String} volitelné, odkaz na metodu function(content) { return content } který může změnit stáhnutou šablónu
absolute {Boolean} volitelné, umožňuje absolutní polohu (default false)
check {String} volitelné, odkaz na funkci function(next) { next(); }, je spuštěn, když část chce zobrazit
invisible {Boolean} umožňuje přidání třídy invisible v případě, že se část bude skrývat (předvolené: false)
delay {Number} zpoždění (v ms) pro odstranění třídy invisible a ukrytí loading (předvolené: 500)
autofocus {Boolean/String} se soustředí na první vstup, textarea (přesněji řečeno: false)
delayloading {Number} zpoždění (v ms) pro skrytí loading (předvolené: 800)
id {String} Způsob, jak nahradit ~ID~ Zkratky v importovaném HTML (default: prázdné)

Dobré vědět 1:

Všichni CLASS a ~PATH~ Tyto fráze budou nahrazeny config.path nebo config.if automaticky
Všichni ~ID~ Tyto fráze budou nahrazeny config.id automaticky

Dobré vědět 2:

Součást vydává event ve formě: parts. + config.if pro rozšíření částí.

Dobré je znát 3:

Pokud součást není v rozsahu, pak hodnota z config.if nahradí znaky ? ve všech konfiguračních klíčkách.

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

Použijte ji s <ui-component name="part">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>