# j-Window

> Una nueva versión de este componente admite la evaluación dinámica del contenido de <script type='text/html'>. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si el j-

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

- El componente mueve el contenido de este componente bajo la etiqueta `<body>` (debido al posicionamiento)


__Configuración__:

- Título de la ventana `title {String}`
- `if {String}` condición para mostrar la ventana, se compara con el valor dentro de `path`
- `icon {String}` Total.js iconos
- Enlace `reload {String}` a un `function(window_component)` global y se ejecuta si se muestra el formulario.
- `enter {Boolean}` (opcional) captura la clave `enter` automáticamente y realiza el envío (predeterminado: `false`)
- `autofocus {Boolean/String}` (opcional) puede enfocar una entrada. `String` === `jQuery selector` para la entrada
- `default {String}` (opcional) un alias corto para `DEFAULT(default, true)`
- `closebutton {Boolean}` (opcional) puede ocultar el botón `x` (predeterminado: `false`)
- `zindex {Number}` (opcional) puede afectar el índice z (predeterminado: `12`)
- `scrollbar {Boolean}` habilita una barra de desplazamiento personalizada (predeterminado: `true`)
- `scrollbarshadow {Boolean}` opcional, habilita una sombra en la barra de desplazamiento (predeterminado: `false`)
- __NEW__ `closeesc {Boolean}` cierra el formulario cuando el usuario presiona la tecla `ESC`
- __NEW__ `independent {Boolean}` el cierre no depende de la condición según la ruta

__Es bueno saberlo__:

Una nueva versión de este componente admite la evaluación dinámica del contenido de `<script type="text/html">`. El siguiente ejemplo contiene un script con HTML y el componente evalúa el contenido si se mostrará j-Window (solo una vez).

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

Úselo con `<ui-component name="window">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

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