j-Stash

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

Il componente può postponere gli elementi senza distruggere e separare dal DOM. Questo componente ti può aiutare con il contenuto dinamico dal lato del server. Total.js FlowStream Progetti per le impostazioni del componente.

Gli elementi possono contenere tutto come componenti, scopi, legamenti, ecc.

Configurazione:

load {String} è un percorso per il metodo function(id, next(html/element)) che viene valutato se il contenuto non è stato caricato prima.
NEW: class {String} un nome di classe per il contenitore (default: hidden)

Metodi:

component.add(id, html/element) aggiunge un nuovo elemento HTML
component.clear([id]) rimuove l'ID specifico (id è opzionale) o rimuova tutti i contenuti cache

Utilizzare con <ui-component name="stash">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>