j-DataSource

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Компонентът зарежда данните от външния източник чрез метода AJAX() и свързва стойността според config.path.

Конфигуриране:

path {String} необходим път, където стойността ще бъде зададена
url {String} опционален, URL адрес за получаване на данни
delay {Number} опционално, закъснение (в милисекунди) за получаване на данни (предварително: 0)

Добре е да се знае:

config.path = '#codelist' определя стойност в списъците с кодове DEF.cl.codelist
config.path = '%codelist' определя стойност като временна
config.path = '?.path определя стойност в съответствие с плъгина
config.path = 'absolute.path определя стойност в съответствие с пътя

Мога ли да използвам динамичен URL адрес?

Да, можете да използвате <ui-component name="datasource" path="..." за динамично получаване на данни.

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

Как мога да променя данните преди обвързване?

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

Използвайте го с <ui-component name="datasource">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>