j-VirtualWire

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

Αυτό είναι ένα πολύ ειδικό στοιχείο UI που μπορεί να μεταφέρει στοιχεία από element σε άλλο element ανάλογα με τον επιλεκτή και την αξία της διαδρομής.

selector {String} ένα επιλεκτικό καλωδίων (προεπιλεγμένο: .virtualwire)
delay {Number} μια καθυστέρηση σε χιλιοστώματα για την κίνηση των στοιχείων (προεπιλογή: 10)
repeat {Number} μια επαναλαμβανόμενη καθυστέρηση για την απόκτηση στοιχείου (προεπιλογή: 50 ms)
Το μέγιστο αριθμό max {Number} για επαναλήψεις (προεπιλεγμένο: 100)

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

example.html

<div class="b">Virtual Wire Container:</div>
<ui-component name="virtualwire" path="common.page"></ui-component>

<hr />

<!-- YOU CAN HIDE THE ELEMENTS BELOW BY ADDING "hidden" CLASS -->
<div class="virtualwire" data-if="users">
	<div>USERS</div>
</div>

<div class="virtualwire" data-if="products" data-in="products_in" data-out="products_out">
	<div>PRODUCTS</div>
</div>

<script>

	var common = {};

	setInterval(function() {
		switch (common.page) {
			case 'users':
				SET('common.page', 'products');
				break;
			case 'products':
				NULL('common.page');
				break;
			default:
				SET('common.page', 'users');
				break;
		}
	}, 2000);

	function products_out() {
		console.log('products_out');
	}

	function products_in() {
		console.log('products_in');
	}

</script>