j-DataSource

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Komponenta nabírá údaje ze vnějšího zdroje prostřednictvím metody AJAX() a spojuje hodnotu podle config.path.

Konfigurace:

path {String} vyžaduje cestu, kde bude hodnota nastavena
url {String} volitelná, adresa URL pro získání dat
delay {Number} volitelně, zpoždění (v milisekundách) pro získání údajů (předvolené: 0)

Dobré vědět:

config.path = '#codelist' stanoví hodnotu v seznamech kódů DEF.cl.codelist
config.path = '%codelist' stanoví hodnotu jako dočasná
config.path = '?.path stanoví hodnotu podle pluginu
config.path = 'absolute.path stanoví hodnotu podle trasy

Můžu použít dynamickou adresu URL?

Ano, můžete použít <ui-component name="datasource" path="..." pro dynamické získávání dat.

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

Jak mohu změnit data před zavádění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žijte ji s <ui-component name="datasource">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>