j-Window

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Zloženie pohybuje obsah tejto zložky pod značkou <body> (z dôvodu umiestnenia)

Konfigurácia:

Nadpis okna title {String}
if {String} podmienka pre zobrazenie okna, je v porovnaní s hodnotou vo vnútri path
icon {String} Total.js ikony
reload {String} odkaz na globálny function(window_component) a je spustený, ak formulár ukazuje
enter {Boolean} (voliteľne) automaticky zachytáva kľúč enter a vykonáva odovzdanie (predvolené: false)
autofocus {Boolean/String} (voliteľne) môže sústrediť vstup. String === jQuery selector pre vstup
default {String} (voliteľné) krátky alias pre DEFAULT(default, true)
closebutton {Boolean} (voliteľne) môže skrývať tlačidlo x (predvolené: false)
zindex {Number} (voliteľné) môže ovplyvniť index z (predvolené: 12)
scrollbar {Boolean} umožňuje prispôsobený scrollbar (predvolené: true)
scrollbarshadow {Boolean} voliteľné, povoľuje tieň v posuvnej lište (predvolené: false)
NEW closeesc {Boolean} uzatvára formulár, keď používateľ stlačí kľúč ESC
_NEW__ independent {Boolean} uzatvorenie nezávisí od stavu podľa trasy

Je dobré vedieť:

Nová verzia tejto zložky podporuje dynamickú hodnotenie obsahu <script type="text/html">. Príklad nižšie obsahuje skript s HTML a zložka hodnotí obsah, ak sa zobrazí j-Window (len raz).

<ui-component name="window" path="path" config="config">
	<script type="text/html">
		A CONTENT
	</script>
</ui-component>

Použite ho so <ui-component name="window">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

example.html

<ui-component name="window" path="common.window" config="if:user;title:Title of this window" class="hidden">
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
</ui-component>

<script>
	var common = {};
	common.window = 'user';
</script>