j-Page

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

Ez az összetevő aszinkron módon kezeli a különböző tartalmakat.Az összetevõ ugyanazt a funkcionalitást tartalmazza, mint a j-Part. Ha az elem nem tartalmaz tartalmat akkor az összetétel 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ó link, amikor az oldal látható (mindig)
hidden {String} opcionális, a funkcióhoz való link, akkor fut, amikor az oldal rejtőzködik (mindig)
init {String} opcionális, a funkcióhoz való link, akkor fut, ha az oldal 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 való link, az oldal megtisztí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 az oldal meg szeretné mutatni
A invisible {Boolean} lehetővé teszi a invisible osztály hozzáadását, amikor az oldal 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:

Az oldal összetevője event formátumban ad ki: pages. + config.if az oldalak kiterjesztésére.

Jó tudni 3:

Ha az oldal összetevője nem a tartományon belül van, akkor a config.if értéke helyettesíti a ? karaktereket minden konfigurációs kulcsban.

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

Használja a <ui-component name="page">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="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>