j-Stash

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Komponent môže odložiť prvky bez zničenia a odpojenia od DOM. Tento komponent vám môže pomôcť s dynamickým obsahom zo strany servera. Komponent používame v projektoch Total.js FlowStream pre nastavenia komponentu.

prvky môžu obsahovať všetko, ako sú komponenty, rozsahy, spojivá atď.

Konfigurácia:

load {String} cesta k metóde function(id, next(html/element)), ktorá sa vyhodnotí, ak obsah nebol predtým načítaný
NEW: class {String} názov triedy pre schránku (predvolené: hidden)

Metódy:

component.add(id, html/element) pridáva nový HTML/prvok
component.clear([id]) vymaže konkrétne ID (id je voliteľné) alebo vymaže celý obsah vo vyrovnávacej pamäti

Použite ho so <ui-component name="stash">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia 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>