j-DataSource

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

Komponent načíta dáta z externého zdroja metódou AJAX() a naviaže hodnotu podľa config.path.

Konfigurácia:

path {String} vyžaduje cestu, kde bude nastavená hodnota
url {String} voliteľné, URL adresa na získanie údajov
delay {Number} voliteľné, oneskorenie (v milisekundách) na získanie údajov (predvolené: 0)

Je dobré vedieť:

config.path = '#codelist' nastavuje hodnotu v číselníkoch DEF.cl.codelist
config.path = '%codelist' nastaví hodnotu ako dočasnú
config.path = '?.path nastavuje hodnotu podľa cesty pluginu
config.path = 'absolute.path nastavuje hodnotu podľa cesty

Môžem použiť dynamickú URL adresu?

Áno, na dynamické získavanie údajov môžete použiť <ui-component name="datasource" path="...".

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

Ako môžem upraviť údaje pred viazaním?

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

Použite ho so <ui-component name="datasource">. 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

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