ForgeComponenten
nl

Componenten

j-Releaser

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

De component kan na enige tijd eigen inhoud (DOM) + geheugen vrijgeven. we raden aan om het te gebruiken voor j-DataGrid, j-CodeMirror, j-CloudEditor, enz..


Configuratie:

  • if {String} moet een waarde bevatten om te vergelijken met het model
  • delay {Number} vertraging voor verwijdering van de invisible klasse (default: 500)
  • release {Number} vertraging voor het vrijgeven van de inhoud in idle tijd (default: 10000)
  • bindvisible {Boolean} evalueert de inhoud als de component zichtbaar is (default: false)
  • released {String} een link naar de function(component_element) wanneer de inhoud wordt vrijgegeven
  • render {String} een link naar de function(component_element) wanneer de inhoud wordt verstrekt

Voorbeeld:

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

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

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>