# j-Page

> Ez az összetevő különböző tartalmakat kezelhet aszinkron módon.A komponens ugyanaz a funkcionalitás, mint a j-Part.Ha az elem nem tartalmaz semmilyen tartalmat, akkor a komponens letölti a tartalmat

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

Ez az összetevő aszinkron módon kezeli a különböző tartalmakat.Az összetevõ ugyanazt a funkcionalitást tartalmazza, mint a `j-Part`. __Ha az elem nem tartalmaz tartalmat__ akkor az összetétel letölti a tartalmat a konfigurációban meghatározott `url` szerint.

- A `path` tartalmazhat `{String Array}`

__konfiguráció__:

- `url {String}` szükséges, relatív URL
- `if {String}` szükséges, feltétel, összehasonlítva az érték a `path` (__NEW__: támogatja több útvonalat osztva a `comma`)
- `reload {String}` opcionális, a `function(init) {}` funkcióhoz való link, amikor az oldal látható (mindig)
- `hidden {String}` opcionális, a funkcióhoz való link, akkor fut, amikor az oldal rejtőzködik (mindig)
- `init {String}` opcionális, a funkcióhoz való link, akkor fut, ha az oldal látható és időben
- `default {String}` opcionális, rövid alias a `DEFAULT(default)`
- `hide {Boolean}` opcionális, automatikus eleme, ha a `if` feltétel nem érvényes (default: `true`)
- `cleaner {Number}` opcionális, idle idő (perceken belül) a tisztítás futtatásához (default: `0`)
- `clean {String}` opcionális, a funkcióhoz való link, az oldal megtisztítása előtt fut.
- `loading {Boolean}` opcionális, lehetővé teszi a `SETTER('loading')` (default: `true`)
- `path {String}` opcionális, a komponens helyettesíti az összes `~PATH~` és `CLASS` kifejezéseket a `path` értékére a letöltött sablonban
- `replace {String}` opcionális, a `function(content) { return content }` módszerhez kapcsolódó link, amely módosíthatja a letöltött sablont
- `absolute {Boolean}` opcionális, lehetővé teszi az abszolút pozíciót (default `false`)
- `check {String}` opcionális, a `function(next) { next(); }` funkcióhoz való hivatkozás fut, amikor az oldal meg szeretné mutatni
- A `invisible {Boolean}` lehetővé teszi a `invisible` osztály hozzáadását, amikor az oldal elrejtőzött (default: `false`)
- `delay {Number}` egy késés (ms) a `invisible` osztály eltávolítására és a `loading` elrejtésére (default: `500`)
- A `autofocus {Boolean/String}` az első benyújtáson, textarea-on (default: `false`) összpontosít
- `delayloading {Number}` egy késés (ms) a `loading` elrejtésére (default: `800`)
- `id {String}` egy személyre szabott azonosító a `~ID~` kifejezések helyettesítésére az importált HTML-ben (default: üres)

__Jó tudni 1__:

- Az összes `CLASS` és `~PATH~` kifejezés automatikusan `config.path` vagy `config.if` lesz.
- Az összes `~ID~` kifejezés automatikusan helyettesíthető a `config.id`

__Jó tudni 2__:

Az oldal összetevője `event` formátumban ad ki: `pages.` + `config.if` az oldalak kiterjesztésére.

__Jó tudni 3__:

Ha az oldal összetevője nem a tartományon belül van, akkor a `config.if` értéke helyettesíti a `?` karaktereket minden konfigurációs kulcsban.

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

Használja a `<ui-component name="page">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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