# j-Page

> Acest component poate gestiona diferite conținuturi in mod asincronic. componenta are aceleași funcții ca j-Part. dacă elementul nu conține nici un conținut, atunci componenta descărcă conținutul accor

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

Acest component poate gestiona diferite conținuturi asincronic. componenta are aceleași funcții ca `j-Part`. __Dacă elementul nu conține niciun conținut__ atunci componenta descărcă conținutul în conformitate cu `url` definit în configurare.

- __NEW__ `path` poate conține `{String Array}`

__Configurarea__:

- `url {String}` necesar, o adresă URL relativă
- `if {String}` necesar, condiție, este comparat cu valoarea în `path` (__NEW__: susține mai multe căi împărțite de `comma`)
- `reload {String}` opțional, un link la funcția `function(init) {}`, se execută atunci când pagina este vizibilă (în orice moment)
- `hidden {String}` opțional, un link la funcție, se execută atunci când pagina este ascunsă (în orice moment)
- `init {String}` opțional, un link la funcție, este executat atunci când pagina este vizibilă și on-time
- `default {String}` opțional, un alias scurt pentru `DEFAULT(default)`
- `hide {Boolean}` este opțional, element auto-cazat dacă condiția `if` nu este valabilă (default: `true`)
- `cleaner {Number}` opțional, timp idle (în minute) pentru funcționarea curățării (default: `0`)
- `clean {String}` opțional, un link la funcție, este executat înainte de a curăța pagina
- `loading {Boolean}` opțional, permite încărcarea prin `SETTER('loading')` (default: `true`)
- `path {String}` opțional, componenta înlocuiește toate frazele `~PATH~` și `CLASS` pentru valoarea `path` în templul descărcat
- `replace {String}` opțional, un link la metoda `function(content) { return content }` care poate modifica modelul descărcat
- `absolute {Boolean}` opțional, permite poziția absolută (default `false`)
- `check {String}` opțional, un link la funcția `function(next) { next(); }`, este executat atunci când pagina dorește să arate
- `invisible {Boolean}` permite adăugarea clasei `invisible` atunci când pagina va fi ascunsă (default: `false`)
- `delay {Number}` întârziere (în ms) pentru eliminarea `invisible` Clasa şi ascunderea `loading` În mod implicit: `500`)
- `autofocus {Boolean/String}` se concentrează pe prima intrare, textarea (default: `false`)
- `delayloading {Number}` o întârziere (în ms) pentru ascunderea `loading` (default: `800`)
- `id {String}` este un identificator personalizat pentru înlocuirea frazelor `~ID~` în HTML importat (default: gol)

__Bun să știi 1__:

- Toate frazele `CLASS` și `~PATH~` vor fi înlocuite automat cu `config.path` sau `config.if`.
- Toate frazele `~ID~` vor fi înlocuite automat cu `config.id`

__Bun să știi 2__:

Componentul paginii emite un `event` în formular: `pages.` + `config.if` pentru extinderea paginilor.

__bine să știi 3__:

Dacă componenta paginii nu este în domeniul de aplicare, atunci valoarea din `config.if` va înlocui caracterele `?` în toate cheile de configurare.

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

Utilizați-l cu `<ui-component name="page">`Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa `DEF.fallback` (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

```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>
```