j-DataSource

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

A komponens a külső forrásból származó adatokat a AJAX() módszerrel tölti fel, és a config.path érték szerint kötődik.

konfiguráció:

path {String} szükséges az út, ahol az érték beállítható
url {String} opcionális, az adatok megszerzésére szolgáló URL
delay {Number} opcionális, egy késés (millió másodpercben) az adatok megszerzéséhez (default: 0)

Jó tudni:

config.path = '#codelist' Értékesítés a kódlistákban DEF.cl.codelist
A config.path = '%codelist' értékét ideiglenes
A config.path = '?.path értékét a plugin útvonal szerint határozza meg
A config.path = 'absolute.path értékét az út szerint állítja be.

Használhatok dinamikus URL-címet?

Igen, a <ui-component name="datasource" path="..."-et az adatok dinamikus megszerzésére használhatja.

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

Hogyan változtathatom meg az adatokat a kötelezettségvállalás előtt?

<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>

Használja a <ui-component name="datasource">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>