# j-Page

> Ten element może obsługiwać różne treści asynchronicznie. komponent ma taką samą funkcjonalność jak j-Part. Jeśli element nie zawiera żadnego zawartości, to składnik pobiera zawartość

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

Składnik ten może obsługiwać różne treści w sposób asynchroniczny. składnik ma taką samą funkcjonalność jak `j-Part`. __Jeśli element nie zawiera żadnej zawartości__ to składnica pobiera treść zgodnie z definicją `url`.

- __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 strona jest widoczna (zawsze)
- `hidden {String}` opcjonalny, link do funkcji, jest wykonywany, gdy strona jest ukryta (zawsze)
- `init {String}` opcjonalny, link do funkcji, jest wykonywany, gdy strona 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 strony
- `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 strona chce wyświetlić
- `invisible {Boolean}` umożliwia dodanie klasy `invisible` po ukryciu strony (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__:

Komponent strony emituje `event` w formie: `pages.` + `config.if` dla rozszerzenia stron.

__Dobrze wiedzieć 3__:

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

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

Użyj go z `<ui-component name="page">`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="page" path="currentpage" config="if:home;url:/bla/bla/home.html"></ui-component>
<ui-component name="page" path="currentpage" config="if:services;url:/bla/bla/services.html;reload:services_reload"></ui-component>
<ui-component name="page" path="currentpage" config="if:contact;url:/bla/bla/contact.html;reload:contact_reload"></ui-component>

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

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