j-DataSource

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

O componente carrega dados da fonte externa através do método AJAX() e liga o valor de acordo com o config.path.

Configuração:

path {String} require um caminho onde o valor será definido
url {String} opcional, um endereço URL para obter dados
delay {Number} opcional, um atraso (em milisecundos) para a obtenção de dados (default: 0)

Bom para saber:

config.path = '#codelist' coloca um valor em listas de código DEF.cl.codelist
config.path = '%codelist' é um valor temporário.
config.path = '?.path estabelece um valor de acordo com o caminho do plugin
config.path = 'absolute.path estabelece um valor de acordo com o caminho

Posso usar um URL dinâmico?

Sim, você pode usar <ui-component name="datasource" path="..." para obter dados dinâmicos.

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

Como posso alterar os dados antes de vincular?

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

Use-o com <ui-component name="datasource">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>