j-DataSource

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

El componente carga datos de la fuente externa mediante el método AJAX() y vincula el valor de acuerdo con config.path.

Configuración:

path {String} required una ruta donde se establecerá el valor
url {String} opcional, una dirección URL para obtener datos
delay {Number} opcional, un retraso (en milisegundos) para la obtención de datos (predeterminado: 0)

Es bueno saberlo:

config.path = '#codelist' establece un valor en las listas de códigos DEF.cl.codelist
config.path = '%codelist' establece un valor como temporal
config.path = '?.path establece un valor según la ruta del complemento
config.path = 'absolute.path establece un valor según la ruta

¿Puedo utilizar una dirección URL dinámica?

Sí, puede utilizar <ui-component name="datasource" path="..." para la obtención dinámica de datos.

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

¿Cómo puedo modificar los datos antes de vincularlos?

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

Úselo con <ui-component name="datasource">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (la CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes 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>