# j-Part

> Acest component poate gestiona diferite conținuturi asincrone. dacă elementul nu conține niciun conținut, atunci componenta descărcă conținutul în conformitate cu URL-ul definit în configurare.

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

Acest component poate gestiona diferite conținuturi asincrone. __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 partea este vizibilă (în orice moment)
- `hidden {String}` opțional, un link la funcție, se execută atunci când partea este ascunsă (în orice moment)
- `init {String}` opțional, un link la funcție, este executat atunci când partea 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, se execută înainte de a curăța partea
- `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 partea dorește să arate
- `invisible {Boolean}` permite adăugarea clasei `invisible` atunci când partea se va ascunde (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 emite un `event` în formă: `parts.` + `config.if` pentru extinderea părților.

__bine să știi 3__:

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

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

Utilizați-l cu `<ui-component name="part">`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="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>
```