j-Extend

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Bei dieser Komponente handelt es sich um eine spezifische Komponente mit leistungsstarker Funktionalität. Wenn die Komponente ausgewertet wird, führt sie zwei Ereignisse im folgenden Formular aus. Die Komponente kann in Webanwendungen hilfreich sein, die dynamisch erweitert werden können.

Konfiguration:

name {String} Ein Name für die Erweiterung. Die Komponente gibt das Ereignis ON('extend_' + name) aus

Die Komponente gibt nur zwei Ereignisse aus, die Sie irgendwo abfangen können:

// 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}
});

Verwenden Sie es mit <ui-component name="extend">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Pete Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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>