j-Empty

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

path musí obsahovat zdroj dat, který bude sledován

Konfigurace:

Standardní ikona icon {String} (předvolený: ti ti-database)
parent {String} - mateřský kontejner, který stanoví minimální výšku (předběžně: parent)
Rozměr výšky height {Number} (pokud nechcete používat parent, výchozí: undefined)
margin {Number} a marže (předvolené: 0)
topoffset {Boolean} se vztahuje na element.offset().top jako na marže (předběžně: false)
topposition {Boolean} se vztahuje na element.position().top jako na marže (předběžně: false)
NEW wait {Boolean} čeká na data (předvolené: false)

Použití 1:

<ui-component name="empty" path="datasource" class="hidden">
	Items not found
</ui-component>
<ui-bind path="datasource" config="show:value && value.length" class="hidden"></ui-bind>

Použití 2:

<ui-component name="empty" path="datasource" class="hidden">
	<script type="text/html">
		Items not found
	</script>
	<div>
		YOUR CONTENT. This DIV will be hidden automatically if the "datasource" is empty.
	</div>
</ui-component

Použijte ji s <ui-component name="empty">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

example.html

<ui-component name="empty" path="datasource" config="parent:window;wait:false" class="hidden">The datasource is empty.</ui-component>

<script>

	var datasource = [];

	// Empty component will be hidden after 5 seconds
	PUSH('datasource', { item: 1 }, 5000);

</script>