j-DataSource

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

Componentul încărcă datele din sursa externă prin AJAX() Metoda și legăm valoarea în funcție de config.path.

Configurarea:

path {String} required o cale unde valoarea va fi stabilită
url {String} opțional, o adresă URL pentru obținerea datelor
delay {Number} opțional, o întârziere (în milisecunde) pentru obținerea datelor (default: 0)

bine să știi:

config.path = '#codelist' stabilește o valoare în listele de coduri DEF.cl.codelist
config.path = '%codelist' stabilește o valoare ca temporară
config.path = '?.path stabilește o valoare în funcție de calea plugin-ului
config.path = 'absolute.path stabilește o valoare în funcție de cale

Pot folosi un URL dinamic?

Da, puteți folosi <ui-component name="datasource" path="..." pentru obținerea dinamică a datelor.

<ui-component name="datasource" path="?.urlcities" config="path:#cities"></ui-component>

Cum pot modifica datele înainte de a fi obligate?

<ui-component name="datasource" config="url:https://www.yourdomain.com/api/countries/;path:#countries">
	<script type="text/plain">
		var output = [];
		for (var item of value)
			output.push({ id: item.Id, name: item.Name });
		return output;
	</script>
</ui-component>

Utilizați-l cu <ui-component name="datasource">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

<ui-component name="datasource" config="url:https://www.totaljs.com/dashboard.json;path:#mycodelist">
	<script type="text/plain">
		return value.children;
	</script>
</ui-component>

<ui-bind path="#mycodelist" config="html pre:JSON.stringify(value, null, '  ')" class="block">
	<pre></pre>
</ui-bind>