# j-Part

> Αυτό το στοιχείο μπορεί να χειριστεί διαφορετικά περιεχόμενα ασύγχροντα.Εάν το στοιχείο δεν περιέχει οποιοδήποτε περιεχόμενο, τότε το συστατικό κατεβάζει το περιεχμένο σύμφωνα με το URL που ορίζεται στη διαμόρφωση.

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

Αυτό το συστατικό μπορεί να χειριστεί διαφορετικά περιεχόμενα ασύγχροντα. __Αν το στοιχείο δεν περιέχει κανένα περιεχόμενο__ τότε το συνημμένο κατεβάζει το περιεχμένο σύμφωνα με το `url` που ορίζεται στη διαμόρφωση.

- Το `path` μπορεί να περιέχει `{String Array}`.

__ΕΠΙΤΡΟΦΗ__:

- `url {String}` απαιτείται, μια σχετική διεύθυνση URL
- Το `if {String}` απαιτείται, υπόθεση, συγκρίνεται με την τιμή μέσα στο `path` (__NEW__: υποστηρίζει πολλαπλές διαδρομές που χωρίζονται από το `comma`)
- `reload {String}` προαιρετική, μια σύνδεση με τη λειτουργία `function(init) {}`, εκτελείται όταν το μέρος είναι ορατό (όλοι)
- `hidden {String}` προαιρετική, μια σύνδεση με τη λειτουργία, εκτελείται όταν το μέρος είναι κρυμμένο (όλοι)
- `init {String}` προαιρετική, μια σύνδεση με τη λειτουργία, εκτελείται όταν το μέρος είναι ορατό και σε χρόνο
- `default {String}` προαιρετική, σύντομο alias για το `DEFAULT(default)`
- `hide {Boolean}` προαιρετικό, αυτόματη κρυφή στοιχείο εάν η κατάσταση `if` δεν είναι έγκυρη (προεπιλεγμένη: `true`)
- `cleaner {Number}` προαιρετικό, χρόνο ψύξης (σε λεπτά) για την εκτέλεση του καθαρισμού (προεπιλεγμένο: `0`)
- `clean {String}` προαιρετική, μια σύνδεση με τη λειτουργία, εκτελείται πριν το μέρος καθαριστεί
- `loading {Boolean}` προαιρετική, επιτρέπει την φόρτιση μέσω `SETTER('loading')` (προεπιλεγμένη: `true`)
- `path {String}` Εναλλακτικά, το συστατικό αντικαθιστά όλα τα `~PATH~` και `CLASS` Οι φράσεις για την αξία της `path` Στο κατεβάσιμο πρότυπο
- `replace {String}` προαιρετική, μια σύνδεση με τη μέθοδο `function(content) { return content }` η οποία μπορεί να τροποποιήσει το κατεβάσιμο πρότυπο
- `absolute {Boolean}` προαιρετική, επιτρέπει την απόλυτη θέση (προεπιλεγμένη `false`)
- `check {String}` προαιρετική, μια σύνδεση με τη λειτουργία `function(next) { next(); }`, εκτελείται όταν το μέρος θέλει να εμφανίσει
- Το `invisible {Boolean}` επιτρέπει την προσθήκη της τάξης `invisible` όταν το μέρος πρόκειται να κρυφτεί (προεπιλεγμένο: `false`)
- `delay {Number}` μια καθυστέρηση (σε ms) για την αφαίρεση της τάξης `invisible` και κρύβοντας το `loading` (προεπιλογή: `500`)
- `autofocus {Boolean/String}` επικεντρώνεται στην πρώτη εισαγωγή, textarea (προεπιλεγμένη: `false`)
- `delayloading {Number}` μια καθυστέρηση (σε ms) για την κρυφή του `loading` (προεπιλεγμένη: `800`)
- `id {String}` ένα προσαρμοσμένο αναγνωριστικό για την αντικατάσταση των φράσεων `~ID~` στο εισαγόμενο HTML (προεπιλογή: κενό)

__Καλό να γνωρίζεις 1__:

- Οι φράσεις `CLASS` και `~PATH~` αντικαθίστανται αυτόματα από `config.path` ή `config.if`.
- Οι φράσεις `~ID~` αντικαθίστανται αυτόματα από `config.id`

__Καλό να ξέρεις 2__:

Το στοιχείο εκδίδει ένα `event` στη μορφή: `parts.` + `config.if` για την επέκταση των μερών. Αυτό μπορεί να είναι πολύ χρήσιμο για ορισμένα συστήματα συμπληρώματος.

__Καλό να ξέρεις 3__:

Εάν το στοιχείο δεν είναι εντός της εμβέλειας, τότε η τιμή από το `config.if` θα αντικαταστήσει τους χαρακτήρες `?` σε όλα τα κλειδιά επιλογής.

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

Χρησιμοποιήστε το με `<ui-component name="part">`Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση `DEF.fallback` (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

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