j-Stash

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

Komponent może opóźnić elementy bez zniszczenia i odrzucania z DOM. Ten komponent może pomóc w dynamicznym treści ze strony serwera. Total.js FlowStream Projekty dla komponentów.

Elementy mogą zawierać wszystko, takie jak komponenty, obwody itp.

Konfiguracja:

load {String} to droga do metody function(id, next(html/element)), która jest oceniana, jeśli zawartość nie została załadowana wcześniej
NEW: class {String} nazwa klasy dla pojemnika stażowego (default: hidden)

Metody:

component.add(id, html/element) dodaje nowy element HTML
component.clear([id]) wyczyści określony identyfikator (id jest opcjonalny) lub wyczyść wszystkie zawartości ukryte

Użyj go z <ui-component name="stash">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="stash" path="common.id" config="load:loadcontent"></ui-component>

<script>

	var common = {};

	function loadcontent(id, next) {
		// next(html/element)
		console.log('LOAD:', id);
		next('<div>{0}</div>'.format(id));
	}

	setTimeout(function() {
		SET('common.id', 'component_settings_1');
	}, 1000);

	setTimeout(function() {
		SET('common.id', 'component_settings_2');
	}, 3000);

	setTimeout(function() {
		SET('common.id', 'component_settings_3');
	}, 6000);

	setTimeout(function() {
		SET('common.id', 'component_settings_1');
	}, 9000);

</script>