j-Extend

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

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:

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

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>