# j-Extend

> Este componente es un componente específico con una potente funcionalidad. Cuando se evalúa el componente, ejecuta dos eventos en el siguiente formulario. El componente puede ser útil en aplicaciones web que

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

Este componente es un componente específico con una potente funcionalidad. Cuando se evalúa el componente, ejecuta dos eventos en el siguiente formulario. El componente puede resultar útil en aplicaciones web que se pueden ampliar dinámicamente.

__Configuración__:

- `name {String}` Un nombre para extender, el componente emitirá el evento `ON('extend_' + name)`

El componente emite sólo dos eventos que puedes detectar en algún lugar:

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

Úselo con `<ui-component name="extend">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (el CDN Componentator de forma predeterminada). Autor: Pete Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

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