j-LoadContent

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

Die Komponente lädt einen Inhalt aus der Vorlage <script type="text/html"> und hängt ihn an das Element an. Es ist eine großartige Lösung für wiederverwendbare Inhalte. Lernen Sie aus Beispielen.

Konfiguration:

selector {String} ein jQuery-Selektor (er wird für das gesamte DOM verwendet)
wait {Number} wiederholt die Suche nach der Vorlage in den eingegebenen Millisekunden (Standard: 0)
replace {String} ersetzt eingegebene Phrasen in der Form: find1=replace1,find2=replace2 (Standard: leer)
exec {String} ein Link zum function(element), er wird ausgeführt, nachdem die Vorlage geladen wurde

Gut zu wissen:

Alle SCR-Phrasen werden durch die script-Phrase ersetzt

Verwenden Sie es mit <ui-component name="loadcontent">. 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

<script type="text/html" id="template">
	<div>AAA PATH CCC</div>
	<ui-bind path="cities" config="template" class="block">
		<SCR type="text/html">
			{{ foreach m in value }}
				<div>{{ m }}</div>
			{{ end }}
		</SCR>
	</ui-bind>
</script>

<ui-component name="loadcontent" config="selector:#template;replace:PATH=111"></ui-component>
<br />
<ui-component name="loadcontent" config="selector:#template;replace:PATH=222"></ui-component>
<br />
<ui-component name="loadcontent" config="selector:#template;replace:PATH=333"></ui-component>
<br />
<ui-component name="loadcontent" config="selector:#template;replace:PATH=444"></ui-component>

<script>
	var cities = ['Bratislava', 'Berlin', 'Barcelona'];
</script>