j-Stash

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

De component kan elementen postponen zonder het DOM te vernietigen en te ontkennen.Deze component kunt u helpen met dynamische inhoud van de serverzijde.We gebruiken de component in de Total.js FlowStream projecten voor de instellingen van de componente.

Elementen kunnen alles bevatten, zoals componenten, sporen, binders, enz.

Configuratie:

load {String} is een route naar de methode function(id, next(html/element)), die wordt beoordeeld als de inhoud niet eerder werd geladen.
NEW: class {String} een klasnaam voor de stash container (default: hidden)

Methoden:

component.add(id, html/element) voegt nieuwe HTML/element toe
component.clear([id]) reinigt specifieke ID's (id is optioneel) of reinigt alle cached inhoud

Gebruik het met <ui-component name="stash">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>