j-Part

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

Acest component poate gestiona diferite conținuturi asincrone. 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 partea este vizibilă (în orice moment)
hidden {String} opțional, un link la funcție, se execută atunci când partea este ascunsă (în orice moment)
init {String} opțional, un link la funcție, este executat atunci când partea 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, se execută înainte de a curăța partea
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 partea dorește să arate
invisible {Boolean} permite adăugarea clasei invisible atunci când partea se va ascunde (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 emite un event în formă: parts. + config.if pentru extinderea părților.

bine să știi 3:

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

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

Utilizați-l cu <ui-component name="part">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="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>