# j-Part

> Ten element może obsługiwać różne treści asynchronicznie.Jeśli element nie zawiera żadnego zawartości, to komponent pobiera zawartość zgodnie z adresem URL zdefiniowanym w konfiguracji.

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

Komponent ten może obsługiwać różne treści w sposób asynchroniczny. __Jeśli element nie zawiera żadnej zawartości__, to komponent pobiera zawartość zgodnie z `url` zdefiniowanym w konfiguracji.

- __NEW__ `path` może zawierać `{String Array}`

__Konfiguracja__:

- `url {String}` wymagany, odpowiedni adres URL
- `if {String}` wymagane, warunek, jest porównywany z wartością w ramach `path` (__NEW__: obsługuje wiele ścieżek podzielonych przez `comma`)
- `reload {String}` opcjonalny, link do funkcji `function(init) {}`, jest wykonywany, gdy część jest widoczna (zawsze)
- `hidden {String}` opcjonalny, link do funkcji, jest wykonywany, gdy część jest ukryta (zawsze)
- `init {String}` opcjonalny, link do funkcji, jest wykonywany, gdy część jest widoczna i w czasie
- `default {String}` opcjonalny, krótki alias dla `DEFAULT(default)`
- `hide {Boolean}` Opcjonalny, automatyczny element ukrycia, jeśli `if` Warunek nie jest ważny (default): `true`)
- `cleaner {Number}` opcjonalny, idle czas (w minuty) do wykonywania czyszczenia (default: `0`)
- `clean {String}` opcjonalny, link do funkcji, jest wykonywany przed wyczyszczeniem części
- `loading {Boolean}` opcjonalny, umożliwia ładowanie za pośrednictwem `SETTER('loading')` (default: `true`)
- `path {String}` opcjonalny, składnik zastępuje wszystkie frazy `~PATH~` i `CLASS` dla wartości `path` w pobranym szablonie
- `replace {String}` opcjonalny, link do metody `function(content) { return content }` który może zmienić pobrane szablony
- `absolute {Boolean}` opcjonalny, umożliwiająca pozycję absolutną (default `false`)
- `check {String}` opcjonalny, link do funkcji `function(next) { next(); }`, jest wykonywany, gdy część chce pokazać
- `invisible {Boolean}` umożliwia dodanie klasy `invisible` w momencie, gdy część ma się ukryć (default: `false`)
- `delay {Number}` opóźnienie (w ms) w celu usunięcia klasy `invisible` i ukrywania klasy `loading` (default: `500`)
- `autofocus {Boolean/String}` koncentruje się na pierwszym wejściu, tekstarea (default: `false`)
- `delayloading {Number}` opóźnienie (w ms) w ukryciu `loading` (default: `800`)
- `id {String}` to identyfikator przystosowany do zastąpienia fraz `~ID~` w importowanej wersji HTML (default: empty)

__Dobrze wiedzieć 1__:

- Wszystkie frazy `CLASS` i `~PATH~` zostaną automatycznie zastąpione przez `config.path` lub `config.if`.
- Wszystkie frazy `~ID~` zostaną automatycznie zastąpione przez `config.id`

__Dobrze wiedzieć 2__:

Część składnika emituje `event` w formie: `parts.` + `config.if` dla rozszerzenia części.

__Dobrze wiedzieć 3__:

Jeśli element nie znajduje się w zakresu, wartość z `config.if` zastąpi znaky `?` we wszystkich kluczach konfiguracyjnych.

```js
ON('parts.YOURIFCONDITION', function(element, pagecomponent) {
	// It's executed only when the part is initialized
});
```

Użyj go z `<ui-component name="part">`Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu `DEF.fallback` (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

```html example.html
<ui-component name="part" path="currentpart" config="if:home;url:/bla/bla/home.html"></ui-component>
<ui-component name="part" path="currentpart" config="if:services;url:/bla/bla/services.html;reload:services_reload"></ui-component>
<ui-component name="part" path="currentpart" config="if:contact;url:/bla/bla/contact.html;reload:contact_reload"></ui-component>

<pre><code>SET(&#39;currentpart&#39;, &#39;home&#39;);</code></pre>

<script>
	var currentpart = '';
</script>
```