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 καθορίζει μια τιμή σύμφωνα με το plugin 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 Συγγραφέας: Peter Širka. πηγή: το 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>