j-Page

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ě. složka má stejnou funkci jako j-Part. Jestliže prvek neobsahuje žádný obsah pak složka 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 stránka viditelná (vždy)
hidden {String} volitelné, odkaz na funkci, je spuštěn, když je stránka skrytá (vždy)
init {String} volitelné, odkaz na funkci, je spuštěn, když je stránka 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 stránka 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ž stránka chce zobrazit
invisible {Boolean} umožňuje přidání třídy invisible při ukrývání stránky (předběžně: 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:

Stránka komponenta vydává event ve formě: pages. + config.if pro rozšíření stránek.

Dobré je znát 3:

Pokud složka stránky není v rozsahu, pak hodnota z config.if nahradí znaky ? ve všech konfiguračních klíčkách.

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

Použijte ji s <ui-component name="page">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="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>