j-DataSource

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Komponenten laddar data från den externa källan via AJAX()-metoden och bindar värdet enligt config.path.

Konfigurera:

path {String} behovet en väg där värdet kommer att ställas in
url {String} alternativ, en URL för att få data
delay {Number} valfritt, en försening (i millisekunder) för att få data (default: 0)

Bra att veta:

config.path = '#codelist' anger ett värde i kodlistor DEF.cl.codelist
config.path = '%codelist' sätter ett värde i
config.path = '?.path sätter ett värde enligt pluginsvägen
config.path = 'absolute.path sätter ett värde enligt vägen

Kan jag använda en dynamisk URL?

Ja, du kan använda <ui-component name="datasource" path="..." för dynamisk inhämtning av data.

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

Hur kan jag ändra data innan jag binder?

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

Använd den med <ui-component name="datasource">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>