j-Stash

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

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.

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>