j-Part

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

Ez az összetevő különböző tartalmakat kezelhet aszinkron módon. Ha az elem nem tartalmaz tartalmat akkor a komponens letölti a tartalmat a konfigurációban meghatározott url szerint.

A path tartalmazhat {String Array}

konfiguráció:

url {String} szükséges, relatív URL
if {String} szükséges, feltétel, összehasonlítva az érték a path (NEW: támogatja több útvonalat osztva a comma)
reload {String} opcionális, a function(init) {} funkcióhoz való hivatkozás, amikor a rész látható (mindig)
hidden {String} opcionális, a funkcióhoz való link, amikor a rész rejtőzködik (mindig)
init {String} opcionális, a funkcióhoz való link, akkor fut, ha a rész látható és időben
default {String} opcionális, rövid alias a DEFAULT(default)
hide {Boolean} opcionális, automatikus eleme, ha a if feltétel nem érvényes (default: true)
cleaner {Number} opcionális, idle idő (perceken belül) a tisztítás futtatásához (default: 0)
clean {String} opcionális, a funkcióhoz kapcsolódó link, a rész tisztítása előtt fut.
loading {Boolean} opcionális, lehetővé teszi a SETTER('loading') (default: true)
path {String} opcionális, a komponens helyettesíti az összes ~PATH~ és CLASS kifejezéseket a path értékére a letöltött sablonban
replace {String} opcionális, a function(content) { return content } módszerhez kapcsolódó link, amely módosíthatja a letöltött sablont
absolute {Boolean} opcionális, lehetővé teszi az abszolút pozíciót (default false)
check {String} opcionális, a function(next) { next(); } funkcióhoz való hivatkozás fut, amikor a rész meg akarja mutatni
A invisible {Boolean} lehetővé teszi a invisible osztály hozzáadását, amikor a rész elrejtőzött (default: false)
delay {Number} egy késés (ms) a invisible osztály eltávolítására és a loading elrejtésére (default: 500)
A autofocus {Boolean/String} az első benyújtáson, textarea-on (default: false) összpontosít
delayloading {Number} egy késés (ms) a loading elrejtésére (default: 800)
id {String} egy személyre szabott azonosító a ~ID~ kifejezések helyettesítésére az importált HTML-ben (default: üres)

Jó tudni 1:

Az összes CLASS és ~PATH~ kifejezés automatikusan config.path vagy config.if lesz.
Az összes ~ID~ kifejezés automatikusan helyettesíthető a config.id

Jó tudni 2:

A komponens event formátumban ad ki: parts. + config.if a részek kiterjesztésére. Ez nagyon hasznos lehet néhány plugin rendszerhez.

Jó tudni 3:

Ha a komponens nem rendelkezik hatótávolsággal, akkor a config.if értéke helyettesíti a ? karaktereket az összes konfigurációs kulcsban.

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

Használja a <ui-component name="part">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>