j-DataSource

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

De component loopt gegevens uit de externe bron via de AJAX()-methode en bindt de waarde volgens de config.path.

Configuratie:

path {String} vereist een pad waar de waarde zal worden vastgesteld
url {String} optioneel, een URL voor het verkrijgen van gegevens
delay {Number} optioneel, een vertraging (in milliseconden) voor het verkrijgen van gegevens (default: 0)

Goed om te weten:

config.path = '#codelist' stelt een waarde in code lijsten DEF.cl.codelist
config.path = '%codelist' bepaalt een waarde als tijdelijk
config.path = '?.path bepaalt een waarde volgens de plugin pad
config.path = 'absolute.path bepaalt een waarde volgens de route

Kan ik een dynamische URL gebruiken?

Ja, u kunt <ui-component name="datasource" path="..." gebruiken voor dynamische gegevensverzameling.

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

Hoe kan ik gegevens wijzigen voordat ik bind?

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

Gebruik het met <ui-component name="datasource">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>