j-Extend

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Deze component is een specifieke component met krachtige functionaliteit.Wanneer de component wordt beoordeeld dan uitvoert het twee gebeurtenissen in de vorm hieronder.De component kan nuttig zijn in web-toepassingen die dynamisch kunnen worden uitgebreid.

Configuratie:

name {String} Een naam voor uitbreiding, de component zal ON('extend_' + name) evenement uitgeven

De component geeft slechts twee gebeurtenissen uit die je ergens kunt vasthouden:

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

Gebruik het met <ui-component name="extend">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator CDN door standaard). auteur: Pete Širka. bron: de Componentator Componenten repository, MIT licentie.

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>