# j-Stash

> El componente puede posponer elementos sin destruirlos ni separarlos del DOM. Este componente puede ayudarle con contenido dinámico desde el lado del servidor. Usamos el componente en el Total.js FlowStre

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

El componente puede posponer elementos sin destruirlos ni separarlos del DOM. Este componente puede ayudarle con contenido dinámico desde el lado del servidor. Usamos el componente en los proyectos Total.js FlowStream para la configuración del componente.

- Los elementos pueden contener de todo, como componentes, ámbitos, carpetas, etc.

__Configuración__:

- `load {String}` una ruta al método `function(id, next(html/element))` que se evalúa si el contenido no se cargó antes
- __NUEVO__: `class {String}` un nombre de clase para el contenedor de almacenamiento (predeterminado: `hidden`)

__Métodos__:

- `component.add(id, html/element)` agrega nuevo HTML/elemento
- `component.clear([id])` borra el ID específico (`id` es opcional) o borra todo el contenido almacenado en caché

Úselo con `<ui-component name="stash">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (la CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia 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>
```