ForgeComposants
fr

Composants

j-Releaser

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Le composant peut être libéré après un certain temps de contenu propre (DOM) + mémoire. nous vous recommandons de l'utiliser pour j-DataGrid, j-CodeMirror, j-CloudEditor, etc..


Configuration :

  • Le if {String} doit contenir une valeur pour comparer avec le modèle
  • Retard delay {Number} pour la suppression de la classe invisible (défaut: 500)
  • release {Number} retard pour la libération du contenu en temps idle (défaut: 10000)
  • bindvisible {Boolean} évalue le contenu si le composant est visible (defaut: false)
  • released {String} un lien vers le function(component_element) lorsque le contenu est libéré
  • render {String} : un lien vers le function(component_element) lorsque le contenu est en train de

Exemple :

<ui-component name="releaser" path="common.form" config="if:userform">
	<script type="text/html">
		<ui-component name="datagrid" path=".......">
			<SCR type="text/html">
				YOUR COLUMNS
			</SCR>
		</ui-component>
	</script>
</

Utilisez-le avec <ui-component name="releaser">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

example.html
<ui-component name="exec"></ui-component>

<ui-component name="releaser" path="common.form" config="if:userform;release:2000">
	<script type="text/html">
		<i class="ti ti-thumbs-up"></i> THE CONTENT IS RENDERED
	</script>
</ui-component>
<hr />
<button class="exec" data-exec="releaser_show">Show</button>
<button class="exec" data-exec="releaser_release">Release (2 sec)</button>

<script>
	function releaser_show() {
		SET('common.form', 'userform');
	}

	function releaser_release() {
		NUL('common.form');
	}
</script>