j-Window

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Komponenta pohybuje obsah této složky pod označením <body> (z důvodu umístění)

Konfigurace:

Titulek title {String}
if {String} podmínka pro zobrazení okna, je v porovnání s hodnotou uvnitř path
icon {String} Total.js Ikony
reload {String} odkaz na globální function(window_component) a je spuštěn, pokud formulář ukazuje
enter {Boolean} (volitelně) automaticky zaznamenává klíč enter a provádí předání (podmínkou: false)
autofocus {Boolean/String} (volitelně) může soustředit vstup. String === jQuery selector pro vstup
default {String} (volitelné) krátký alias pro DEFAULT(default, true)
closebutton {Boolean} (volitelně) může skrývat tlačítko x (předběžné: false)
zindex {Number} (volitelně) může ovlivnit index z (default: 12)
scrollbar {Boolean} umožňuje přizpůsobený scrollbar (default: true)
scrollbarshadow {Boolean} volitelně, umožňuje stín v sklonu (podmíněné: false)
NEW closeesc {Boolean} uzavírá formulář, když uživatel stiskne klíč ESC
_NEW__ independent {Boolean} uzavření nezávisí na stavu podle trasy

Dobré vědět:

Nová verze této složky podporuje dynamickou hodnocení obsahu <script type="text/html">. Příklad níže obsahuje skript s HTML a složka hodnotí obsah, pokud se zobrazí j-Window (pouze jednou).

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

Použijte ji s <ui-component name="window">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>