# j-Window

> 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

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: hu
Content-SHA256: 258a5158e87c33c2fe88c0a7bee426f01c12af11b855a591ba6cbf632cd19b7c
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- 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).

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

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