# j-ListDetail

> Il componente divide il contenuto per la parte di elenco e la parte dettagliata.

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

Il componente divide il contenuto per la parte di elenco e la parte dettagliata. `path {Boolean}`.


__Configurazione__:

- Elemento parentale `parent {String}` per ottenere larghezza/altezza (default: `auto`)
- `margin {Number}` una margine per altezza (default: `0`)
- `width {Number/String}` una larghezza del pannello dettagliato (default: `35%`)
- `minwidth {Number/String}` una larghezza minima del pannello dettagliato (default: `20%`)
- `maxwidth {Number/String}` una larghezza massima del pannello dettagliato (default: `50%`)
- `resize {Boolean}` consente/disabilita la ripresa del pannello dettagliato (default: `true`)
- __NEW__: orientamento suddiviso di `position {String}`: `vertical` (side-by-side) o `horizontal` (stacked) (default: `vertical`)
- __NEW__: `height {Number/String}` un'altezza del pannello dettagliato (solo per `position:horizontal`; quando impostato, supera `width` per la dimensione del pannaggio dettagliato) (default: `null`)
- __NEW__: `minheight {Number/String}` una altezza minima del pannello dettagliato (solo per `position:horizontal` + `height`) (default: `null`)
- __NEW__: `maxheight {Number/String}` un'altezza massima del pannello dettagliato (solo per `position:horizontal` + `height`) (default: `null`)

Le parti: la lista + i dettagli devono essere incollati all'elemento `<section>` indipendente, per esempio.

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

Utilizzare con `<ui-component name="listdetail">`Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo `DEF.fallback` (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>
```