# j-Part

> Ez a komponens különböző tartalmakat kezelhet aszinkron módon. ha az elem nem tartalmaz semmilyen tartalmat, akkor az komponens letölti a tartalmat a konfigurációban meghatározott URL-nek megfelelően.

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

Ez az összetevő különböző tartalmakat kezelhet aszinkron módon. __Ha az elem nem tartalmaz tartalmat__ akkor a komponens 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ó hivatkozás, amikor a rész látható (mindig)
- `hidden {String}` opcionális, a funkcióhoz való link, amikor a rész rejtőzködik (mindig)
- `init {String}` opcionális, a funkcióhoz való link, akkor fut, ha a rész 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 kapcsolódó link, a rész tisztí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 a rész meg akarja mutatni
- A `invisible {Boolean}` lehetővé teszi a `invisible` osztály hozzáadását, amikor a rész 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__:

A komponens `event` formátumban ad ki: `parts.` + `config.if` a részek kiterjesztésére. Ez nagyon hasznos lehet néhány plugin rendszerhez.

__Jó tudni 3__:

Ha a komponens nem rendelkezik hatótávolsággal, akkor a `config.if` értéke helyettesíti a `?` karaktereket az összes konfigurációs kulcsban.

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

Használja a `<ui-component name="part">`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="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>
```