j-Page

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Αυτό το συστατικό μπορεί να χειριστεί διαφορετικά περιεχόμενα ασύγχροντα.Το συσταμένο έχει τις ίδιες λειτουργίες όπως 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 θα αντικαταστήσει τους χαρακτήρες ? σε όλα τα κλειδιά διαμόρφωσης.

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 άδεια.

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>