j-Stash

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Komponenten kan skjuta upp element utan att förstöra och avlägsna från DOM. Denna komponent kan hjälpa dig med dynamiskt innehåll från servern. Vi använder komponenten i Total.js FlowStream projekt för komponents inställningar.

Element kan innehålla allt som komponenter, svampar, binder etc.

Konfigurera:

load {String} är en väg till metoden function(id, next(html/element)) som bedöms om innehållet inte har laddat upp tidigare.
NEW: class {String} ett klassnamn för stashbehållaren (default: hidden)

Metoder:

component.add(id, html/element) lägger till ny HTML/element
component.clear([id]) rengör specifik ID (id är valfritt) eller rengör allt cacherat innehåll

Använd den med <ui-component name="stash">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>