# j-Stash

> 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. Nous utilisons le composant dans le Total.js FlowStre

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: fr
Content-SHA256: da163da01dcd04fa5404da00828b5fde8fa545082c5b47056e38902f203dd770
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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.

```html 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>
```