j-Stash

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Компонентът може да отложи елементите, без да унищожава и да се отклонява от DOM. Този компонент може да ви помогне с динамично съдържание от страна на сървъра. Total.js FlowStream Проекти за настройките на компонента.

елементите могат да съдържат всичко като компоненти, сглобове, връзки и т.н.

Конфигуриране:

load {String} е път към метода function(id, next(html/element)), който се оценява, ако съдържанието не е било заредено преди
NEW: class {String} клас име за контейнера за изтичане (предварително: hidden)

Методи:

component.add(id, html/element) добавя нов HTML / елемент
component.clear([id]) изчиства специфичен идентификатор (id е факултативен) или изчислява всички скрити съдържания

Използвайте го с <ui-component name="stash">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>