# j-Extend

> 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

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: fe83b3b653bd06892b8194fcaf3793a0d37011670be6e6de003505e86cbbe647
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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:

```js
// 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.

```html 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>
```