j-DataSource

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Składnik ładuje dane ze źródła zewnętrznego za pomocą metody AJAX() i wiąże wartość według wartości config.path.

Konfiguracja:

path {String} wymagany jest trasa, w której wartość zostanie ustawiona
url {String} opcjonalny, adres URL do uzyskania danych
delay {Number} opcjonalny, opóźnienie (w milisekundach) w uzyskaniu danych (default: 0)

Dobrze wiedzieć:

config.path = '#codelist' określa wartość w listach kodów DEF.cl.codelist
config.path = '%codelist' określa wartość w tymczasowym
config.path = '?.path określa wartość według trasy wtyczki
config.path = 'absolute.path określa wartość według ścieżki

Czy mogę użyć adresów URL?

Tak, możesz użyć <ui-component name="datasource" path="..." do dynamicznego pobierania danych.

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

Jak mogę zmienić dane przed wiążą?

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

Użyj go z <ui-component name="datasource">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>