j-Stash

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Componentul poate postpune elementele fără a distruge și dezmembrarea din DOM. Acest component vă poate ajuta cu conținutul dinamic de pe partea serverului. Total.js FlowStream Proiecte pentru setările componentei.

Elementele pot conține totul, cum ar fi componentele, scopurile, legăturile etc.

Configurarea:

load {String} este o cale către metoda function(id, next(html/element)) care este evaluată dacă conținutul nu a fost încărcat înainte
NEW: class {String} un nume de clasă pentru containerul de stâncă (default: hidden)

Metode:

component.add(id, html/element) adăuga un nou HTML/element
component.clear([id]) curăță ID-ul specific (id este opțional) sau curățește toate conținuturile cache

Utilizați-l cu <ui-component name="stash">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>