# j-ListDetail

> O componente divide o conteúdo para a listação da parte e detalhes da parte.A exibição da detalhes depende do caminho {Boolean}.

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

O componente divide o conteúdo para a parte de lista e a parte detalhada.A exibição da parte detalha depende do `path {Boolean}`.


__Configuração__:

- `parent {String}` elemento parental para obter largura/altura (default: `auto`)
- `margin {Number}` uma margem para altura (default: `0`)
- `width {Number/String}` uma largura de painel detalhado (default: `35%`)
- `minwidth {Number/String}` uma largura mínima do painel de detalhes (default: `20%`)
- `maxwidth {Number/String}` a largura máxima do painel de detalhes (default: `50%`)
- `resize {Boolean}` permite/disabilita o rescisão do painel de detalhes (default: `true`)
- __NEW__: Orientação dividida de `position {String}`: `vertical` (side-by-side) ou `horizontal` (stacked) (default: `vertical`)
- __NEW__: `height {Number/String}` uma altura do painel de detalhes (só para `position:horizontal`; quando configurado, ele ultrapassa `width` para o tamanho do painelo de detalhas) (default: `null`)
- __NEW__: `minheight {Number/String}` uma altura mínima do painel de detalhes (somente para `position:horizontal` + `height`) (default: `null`)
- __NEW__: `maxheight {Number/String}` uma altura máxima do painel de detalhes (somente para `position:horizontal` + `height`) (default: `null`)

Partes: lista + detalhes devem ser enrolados no elemento independente `<section>`, por exemplo.

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

Use-o com `<ui-component name="listdetail">`Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço `DEF.fallback` (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>
```