j-Part

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Komponent ten może obsługiwać różne treści w sposób asynchroniczny. Jeśli element nie zawiera żadnej zawartości, to komponent pobiera zawartość zgodnie z url zdefiniowanym w konfiguracji.

NEW path może zawierać {String Array}

Konfiguracja:

url {String} wymagany, odpowiedni adres URL
if {String} wymagane, warunek, jest porównywany z wartością w ramach path (NEW: obsługuje wiele ścieżek podzielonych przez comma)
reload {String} opcjonalny, link do funkcji function(init) {}, jest wykonywany, gdy część jest widoczna (zawsze)
hidden {String} opcjonalny, link do funkcji, jest wykonywany, gdy część jest ukryta (zawsze)
init {String} opcjonalny, link do funkcji, jest wykonywany, gdy część jest widoczna i w czasie
default {String} opcjonalny, krótki alias dla DEFAULT(default)
hide {Boolean} Opcjonalny, automatyczny element ukrycia, jeśli if Warunek nie jest ważny (default): true)
cleaner {Number} opcjonalny, idle czas (w minuty) do wykonywania czyszczenia (default: 0)
clean {String} opcjonalny, link do funkcji, jest wykonywany przed wyczyszczeniem części
loading {Boolean} opcjonalny, umożliwia ładowanie za pośrednictwem SETTER('loading') (default: true)
path {String} opcjonalny, składnik zastępuje wszystkie frazy ~PATH~ i CLASS dla wartości path w pobranym szablonie
replace {String} opcjonalny, link do metody function(content) { return content } który może zmienić pobrane szablony
absolute {Boolean} opcjonalny, umożliwiająca pozycję absolutną (default false)
check {String} opcjonalny, link do funkcji function(next) { next(); }, jest wykonywany, gdy część chce pokazać
invisible {Boolean} umożliwia dodanie klasy invisible w momencie, gdy część ma się ukryć (default: false)
delay {Number} opóźnienie (w ms) w celu usunięcia klasy invisible i ukrywania klasy loading (default: 500)
autofocus {Boolean/String} koncentruje się na pierwszym wejściu, tekstarea (default: false)
delayloading {Number} opóźnienie (w ms) w ukryciu loading (default: 800)
id {String} to identyfikator przystosowany do zastąpienia fraz ~ID~ w importowanej wersji HTML (default: empty)

Dobrze wiedzieć 1:

Wszystkie frazy CLASS i ~PATH~ zostaną automatycznie zastąpione przez config.path lub config.if.
Wszystkie frazy ~ID~ zostaną automatycznie zastąpione przez config.id

Dobrze wiedzieć 2:

Część składnika emituje event w formie: parts. + config.if dla rozszerzenia części.

Dobrze wiedzieć 3:

Jeśli element nie znajduje się w zakresu, wartość z config.if zastąpi znaky ? we wszystkich kluczach konfiguracyjnych.

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

Użyj go z <ui-component name="part">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

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>