j-LoadContent

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Componentul încărcă un conținut din șablonul <script type="text/html"> și îl adaugă la element. este o soluție excelentă pentru conținut reutilizabil.

Configurarea:

selector {String} un selector jQuery (va folosi pentru întregul DOM)
wait {Number} repetă găsirea șablonului în milisecunde introduse (default: 0)
replace {String} înlocuiește farurile introduse în formularul: find1=replace1,find2=replace2 (default: gol)
exec {String} este un link la function(element), se execută după încărcarea templului

bine să știi:

Toate farurile SCR vor fi înlocuite cu fraza script

Utilizați-l cu <ui-component name="loadcontent">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>