# j-Releaser

> Die Komponente kann nach einiger Zeit eigenen Inhalt (DOM) + Speicher freigeben. Wir empfehlen die Verwendung für j-DataGrid, j-CodeMirror, j-CloudEditor usw.

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

Die Komponente kann nach einiger Zeit eigenen Inhalt (DOM) + Speicher freigeben. Wir empfehlen die Verwendung für `j-DataGrid`, `j-CodeMirror`, `j-CloudEditor` usw.


__Konfiguration__:

- `if {String}` muss einen Wert zum Vergleich mit dem Modell enthalten
- `delay {Number}` Verzögerung beim Entfernen der `invisible`-Klasse (Standard: `500`)
- `release {Number}` Verzögerung für die Freigabe des Inhalts in der Leerlaufzeit (Standard: `10000`)
- `bindvisible {Boolean}` wertet den Inhalt aus, wenn die Komponente sichtbar ist (Standard: `false`)
- `released {String}` ein Link zum `function(component_element)`, wenn der Inhalt veröffentlicht wird
- `render {String}` ein Link zum `function(component_element)`, wenn der Inhalt gerendert wird

__Beispiel__:

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

Verwenden Sie es mit `<ui-component name="releaser">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` (standardmäßig das CDN Componentator) herunter. Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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