j-Extend

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

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

ΕΠΙΤΡΟΦΗ:

name {String} Ένα όνομα για την επέκταση, το συστατικό θα εκδώσει το γεγονός ON('extend_' + name)

Το στοιχείο εκδίδει μόνο δύο γεγονότα που μπορείτε να συλλάβετε κάπου:

// NAME: is defined in the component configuration
ON('extend_NAME', function(opt) {
	// opt.name {String} with a value according to the "config.name"
	// opt.component {Instance of j-Extend}
	// opt.element {jQuery element}
	// opt.dom {Node}
});

ON('extend', function(opt) {
	// opt.name {String} with a value according to the "config.name"
	// opt.component {Instance of j-Extend}
	// opt.element {jQuery element}
	// opt.dom {Node}
});

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

example.html

<div style="width:300px">
	<ui-plugin path="form">
		<ui-component name="extend" config="name:test"></ui-component>
	</ui-plugin>
</div>

<script>
	ON('extend_test', function(opt) {
		// Here you can use IMPORT() method
		opt.element.append(`
			<div class="m">Extended:</div>
			<ui-component name="input" path="?.name" config="required:1">Label</ui-component>
		`);
	});
</script>