# j-Parts

> Tento obsah se může zabývat několika částmi uloženými v Array a soustředit se na jednu konkrétní část.

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

Tento obsah může zacházet s více `parts` uložených v `Array` a zaměřit se na jednu konkrétní část.


__Konfigurace__:

- Rodinná oblast `parent {String}` v důsledku částečné velikosti (předvolené: `auto`)
- Vertikální rozsah `margin {Number}` (default: `0`)
- `create {String}` odkaz na `function(part)`, je spuštěn, pokud je část vytvořena (nazývá se jednou)
- `focus {String}` odkaz na `function(part)`, je proveden, pokud je část zaměřena
- `close {String}` odkaz na `function(part)`, je spuštěn, pokud je část uzavřena

__Dobré vědět 1__:

- Všichni `~PATH~` Tyto fráze budou nahrazeny `item.path` automaticky
- Všichni `~ID~` Tyto fráze budou nahrazeny `item.id` automaticky

__Specifikace položky__:

- `item.id {String}` velmi důležitý, částečný identifikátor
- `item.blur {String/Function(el, item)}` volitelné, odkaz na `function(element, item)` pokud je část zaměřena
- `item.focus {String/Function(el, item)}` nebo `item.reload {String}` volitelné, odkaz na `function(element, item)`, pokud je část zaměřena
- `item.remove {String/Function(el, item)}` volitelně, odkaz na `function(element, item)` pokud je část odstraněna
- `item.html {String}` obsah HTML nebo použití `item.url`
- `item.import {String}` URL adresy pro část obsahu
- `item.path {String}` je volitelný, automaticky nahrazuje všechny fráze `~PATH~`
- `item.delay {Number}` zpoždění pro odstranění třídy `invisible`
- __NEW__ `item.attrd {Object}` přidává atributy `data-key` do prvku

__Rozšiřuje se složkou__:

- `item.focused {Boolean}` určuje, zda je část zaměřena nebo ne
- `item.element {jQuery}` Část prvku

__Metody__:

- `component.close(id)` uzavírá část
- `component.focus(id)` se zaměřuje na
- `component.rename(id, name, [icon])` se přepíná

Použijte ji s `<ui-component name="parts">`Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy `DEF.fallback` a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

```html example.html
<ui-component name="exec">

	<ui-bind path="myparts" config="template" class="block">
		<script type="text/html">
			{{ foreach m in value }}
			<button class="exec" data-exec="changepart" data-id="{{ m.id }}"><i class="ti ti-times exec mr5" data-prevent="true" data-exec="closepart"></i>{{ m.name }}</button>
			{{ end }}
		</script>
	</ui-bind>
	<br />

	<div style="width:600px;height:300px;border:1px solid #E0E0E0">
		<ui-component name="parts" path="myparts" config="parent:auto"></ui-component>
	</div>

</ui-component>

<script>
	var myparts = [];

	myparts.push({ id: '1', name: 'Part 1', html: '<div class="padding">Part 1</div>' });
	myparts.push({ id: '2', name: 'Part 2', html: '<div class="padding">Part 2</div>' });
	myparts.push({ id: '3', name: 'Part 3', html: '<div class="padding">Part 3</div>' });

	function changepart(el ,e) {
		var id = ATTRD(el);
		SETTER('parts/focus', id);
	}

	function closepart(el, e) {
		var id = ATTRD(el);
		SETTER('parts/close', id);
	}

</script>
```