# j-Page

> Αυτό το στοιχείο μπορεί να χειριστεί διαφορετικά περιεχόμενα ασύγχροντα.Το στοιχείο έχει την ίδια λειτουργικότητα με το j-Part. Εάν το στοιχείο δεν περιέχει κανένα περιεχόμενο τότε το στοιχηματικό στοιχείο κατεβάζει το περιεχμένο

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

Αυτό το συστατικό μπορεί να χειριστεί διαφορετικά περιεχόμενα ασύγχροντα.Το συσταμένο έχει τις ίδιες λειτουργίες όπως `j-Part`_Εάν το στοιχείο δεν περιέχει περιεχόμενο__ τότε το συστατικό κατεβάζει το περιεχόμενό του σύμφωνα με την `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` στη μορφή: `pages.` + `config.if` για την επέκταση των σελίδων.

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

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

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

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

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