j-Page

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Acest component poate gestiona diferite conținuturi asincronic. componenta are aceleași funcții ca j-Part. Dacă elementul nu conține niciun conținut atunci componenta descărcă conținutul în conformitate cu url definit în configurare.

NEW path poate conține {String Array}

Configurarea:

url {String} necesar, o adresă URL relativă
if {String} necesar, condiție, este comparat cu valoarea în path (NEW: susține mai multe căi împărțite de comma)
reload {String} opțional, un link la funcția function(init) {}, se execută atunci când pagina este vizibilă (în orice moment)
hidden {String} opțional, un link la funcție, se execută atunci când pagina este ascunsă (în orice moment)
init {String} opțional, un link la funcție, este executat atunci când pagina este vizibilă și on-time
default {String} opțional, un alias scurt pentru DEFAULT(default)
hide {Boolean} este opțional, element auto-cazat dacă condiția if nu este valabilă (default: true)
cleaner {Number} opțional, timp idle (în minute) pentru funcționarea curățării (default: 0)
clean {String} opțional, un link la funcție, este executat înainte de a curăța pagina
loading {Boolean} opțional, permite încărcarea prin SETTER('loading') (default: true)
path {String} opțional, componenta înlocuiește toate frazele ~PATH~ și CLASS pentru valoarea path în templul descărcat
replace {String} opțional, un link la metoda function(content) { return content } care poate modifica modelul descărcat
absolute {Boolean} opțional, permite poziția absolută (default false)
check {String} opțional, un link la funcția function(next) { next(); }, este executat atunci când pagina dorește să arate
invisible {Boolean} permite adăugarea clasei invisible atunci când pagina va fi ascunsă (default: false)
delay {Number} întârziere (în ms) pentru eliminarea invisible Clasa şi ascunderea loading În mod implicit: 500)
autofocus {Boolean/String} se concentrează pe prima intrare, textarea (default: false)
delayloading {Number} o întârziere (în ms) pentru ascunderea loading (default: 800)
id {String} este un identificator personalizat pentru înlocuirea frazelor ~ID~ în HTML importat (default: gol)

Bun să știi 1:

Toate frazele CLASS și ~PATH~ vor fi înlocuite automat cu config.path sau config.if.
Toate frazele ~ID~ vor fi înlocuite automat cu config.id

Bun să știi 2:

Componentul paginii emite un event în formular: pages. + config.if pentru extinderea paginilor.

bine să știi 3:

Dacă componenta paginii nu este în domeniul de aplicare, atunci valoarea din config.if va înlocui caracterele ? în toate cheile de configurare.

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

Utilizați-l cu <ui-component name="page">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>