j-Stash

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

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.

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>