j-Stash

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Komponenta může položit prvky bez zničení a odtržení z DOM. Tento komponent vám může pomoci s dynamickým obsahem ze strany serveru. Total.js FlowStream Projekty pro nastavení složky.

prvky mohou obsahovat všechno, jako jsou komponenty, svazky, vazby atd.

Konfigurace:

load {String} je cesta k metodu function(id, next(html/element)), která se hodnotí, pokud obsah nebyl předtím nabitý
NEW: class {String} třídní název pro kontejner (předvolený: hidden)

Metody:

component.add(id, html/element) přidává nový HTML/element
component.clear([id]) vyčistí specifický ID (id je volitelný) nebo vyčistí veškerý krytý obsah

Použijte ji s <ui-component name="stash">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>