j-Window

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

Az összetevő a tartalmat a <body> címke alatt mozgatja (a pozíció miatt)

konfiguráció:

title {String} ablak cím
if {String} állapot az ablak megjelenítéséhez, összehasonlítva a path értékével
icon {String} Total.js ikonok
reload {String} kapcsolat egy globális function(window_component) és végrehajtott, ha a formanyomtatvány
A enter {Boolean} (opcionális) automatikusan rögzíti a enter kulcsot, és elvégzi a benyújtást (előzetes: false)
autofocus {Boolean/String} (választékos) lehet összpontosítani egy bevitelt. String === jQuery selector a beviteli
default {String} (opcionális) rövid alias a DEFAULT(default, true)
closebutton {Boolean} (választható) elrejti a x gombot (például: false)
zindex {Number} (választható) befolyásolhatja a z-indexet (default: 12)
A scrollbar {Boolean} lehetővé teszi a személyre szabott forgót (default: true)
scrollbarshadow {Boolean} opcionális, lehetővé teszi az árnyékot a scrollbarban (default: false)
NEW closeesc {Boolean} zárja be a űrlapot, amikor a felhasználó megnyomja a ESC kulcsot
NEW independent {Boolean} zárás nem függ az állapot szerint az úton

Jó tudni:

A komponens új verziója támogatja a <script type="text/html"> tartalmának dinamikus értékelését. az alábbi példa HTML-vel ellátott forgatókönyvet tartalmaz, és a komponens értékeli a tartalmat, ha a j-Window megjelenik (csak egyszer).

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

Használja a <ui-component name="window">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>