j-LoadContent

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Komponent načíta obsah zo šablóny <script type="text/html"> a pridá ho do prvku. Je to skvelé riešenie pre opakovane použiteľný obsah. Učte sa z príkladu.

Konfigurácia:

selector {String} selektor jQuery (použije ho pre celý DOM)
wait {Number} zopakuje nájdenie šablóny v zadaných milisekundách (predvolené: 0)
replace {String} nahrádza zadané frázy v tvare: find1=replace1,find2=replace2 (predvolené: prázdne)
exec {String} prepojenie na function(element), vykoná sa po načítaní šablóny

Je dobré vedieť:

všetky frázy SCR budú nahradené frázou script

Použite ho so <ui-component name="loadcontent">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

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>