j-Stash

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Το συστατικό μπορεί να αναβάλει στοιχεία χωρίς να καταστρέφει και να αποσυνδέεται από το DOM. Αυτό το συστατικά μπορεί να σας βοηθήσει με δυναμικό περιεχόμενο από την πλευρά του διακομιστή. Total.js FlowStream Προγράμματα για τις ρυθμίσεις του συστατικού.

Τα στοιχεία μπορούν να περιέχουν τα πάντα, όπως συστατικά, σπυράκια, δεσμούς κλπ.

ΕΠΙΤΡΟΦΗ:

Το load {String} είναι ένας δρόμος προς τη μέθοδο function(id, next(html/element)) που αξιολογείται εάν το περιεχόμενο δεν φορτίστηκε πριν από
NEW: class {String} ένα όνομα κατηγορίας για το δοχείο (προεπιλεγμένο: hidden)

Μέθοδοι:

Το component.add(id, html/element) προσθέτει νέο HTML/element
Το component.clear([id]) καθαρίζει το συγκεκριμένο ID (το id είναι προαιρετικό) ή καθαρίζει όλα τα κρυφά περιεχόμενα

Χρησιμοποιήστε το με <ui-component name="stash">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

example.html

<ui-component name="stash" path="common.id" config="load:loadcontent"></ui-component>

<script>

	var common = {};

	function loadcontent(id, next) {
		// next(html/element)
		console.log('LOAD:', id);
		next('<div>{0}</div>'.format(id));
	}

	setTimeout(function() {
		SET('common.id', 'component_settings_1');
	}, 1000);

	setTimeout(function() {
		SET('common.id', 'component_settings_2');
	}, 3000);

	setTimeout(function() {
		SET('common.id', 'component_settings_3');
	}, 6000);

	setTimeout(function() {
		SET('common.id', 'component_settings_1');
	}, 9000);

</script>