# j-ListDetail

> El componente divide el contenido en parte de listado y parte de detalle. La visualización de la parte detallada depende de la ruta {Boolean}.

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

El componente divide el contenido en parte de listado y parte de detalle. La visualización de la parte detallada depende del `path {Boolean}`.


__Configuración__:

- `parent {String}` elemento principal para obtener ancho/alto (predeterminado: `auto`)
- `margin {Number}` un margen para la altura (predeterminado: `0`)
- `width {Number/String}` un ancho de panel de detalle (predeterminado: `35%`)
- `minwidth {Number/String}` un ancho mínimo del panel de detalle (predeterminado: `20%`)
- `maxwidth {Number/String}` un ancho máximo del panel de detalles (predeterminado: `50%`)
- `resize {Boolean}` habilita/deshabilita el cambio de tamaño del panel de detalles (predeterminado: `true`)
- __NUEVO__: `position {String}` orientación dividida: `vertical` (lado a lado) o `horizontal` (apilado) (predeterminado: `vertical`)
- __NUEVO__: `height {Number/String}` una altura del panel de detalle (solo para `position:horizontal`; cuando se configura, anula `width` para dimensionar el panel de detalle) (predeterminado: `null`)
- __NUEVO__: `minheight {Number/String}` una altura mínima del panel de detalle (solo para `position:horizontal` + `height`) (por defecto: `null`)
- __NUEVO__: `maxheight {Number/String}` una altura máxima del panel de detalle (solo para `position:horizontal` + `height`) (predeterminado: `null`)

Partes: la lista + el detalle deben ajustarse al elemento `<section>` independiente, p.

```html
<ui-component name="listdetail__...">
	<section>
		LIST
	</section>
	<section>
		DETAIL
	</section>
</ui-component>
```

Úselo con `<ui-component name="listdetail">`. 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
<style>
	html,body { margin: 0; padding: 0; }
</style>

<ui-component name="listdetail" path="showdetail" config="parent:window;position:vertical" class="invisible">

	<section>
		LIST
	</section>

	<section>
		DETAIL
	</section>

</ui-component>

<script>
	var showdetail = true;
</script>
```