j-Stash

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Le composant peut déposer les éléments sans détruire et détourner du DOM. Ce composant vous aide avec le contenu dynamique du côté du serveur. Total.js FlowStream Projets pour les paramètres de la composante.

Les éléments peuvent contenir tout comme des composants, des couvertures, etc.

Configuration :

load {String} est une voie vers la méthode function(id, next(html/element)), qui est évaluée si le contenu n'a pas été chargé avant
NEW: class {String} un nom de classe pour le récipient (défaut: hidden)

Méthodes :

component.add(id, html/element) ajoute de nouveaux éléments HTML
component.clear([id]) nettoie un identifiant spécifique (id est facultatif) ou nette tous les contenus cachés

Utilisez-le avec <ui-component name="stash">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>