j-Part

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

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

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

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>