# j-Stash

> Die Komponente kann Elemente verschieben, ohne das DOM zu zerstören und zu trennen. Diese Komponente kann Ihnen bei dynamischen Inhalten von der Serverseite helfen. Wir verwenden die Komponente im Total.js FlowStre

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

Die Komponente kann Elemente ohne Vernichtung und Entfernung aus dem DOM verschieben.Diese Komponente hilft Ihnen mit dynamischen Inhalten von der Serverseite.Wir verwenden die Komponente in den Total.js FlowStream Projekten für die Einstellungen des Komponenten.

- Elemente können alles enthalten, wie Komponenten, Schnitte, Bindern usw.

__Konfiguration__:

- `load {String}` ist ein Weg zur Methode `function(id, next(html/element))`, die ausgewertet wird, wenn der Inhalt nicht zuvor geladen wurde.
- __NEW__: `class {String}` ein Klassenname für den Stachcontainer (Default: `hidden`)

__Methoden__:

- `component.add(id, html/element)` fügt neue HTML/Elemente hinzu
- `component.clear([id])` reinigt spezifische ID (`id` ist optionale) oder reinigt alle cached-Inhalte

Verwenden Sie es mit `<ui-component name="stash">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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