Τα συμβάντα στο LWC χρησιμοποιούνται για την επικοινωνία με τα εξαρτήματα. Εάν υπάρχουν σχετικά στοιχεία, μπορεί να είναι δυνατή η επικοινωνία από Γονέα σε Παιδί ή Παιδί σε Γονέα. Εάν υπάρχουν δύο άσχετα στοιχεία, μπορούμε να επικοινωνήσουμε μέσω του μοντέλου PubSub (Publish-Subscribe) ή με την Υπηρεσία Μηνυμάτων Lightning (LMS). Σε αυτόν τον οδηγό, θα συζητήσουμε τον τρόπο επικοινωνίας με συμβάντα από Γονέα σε Παιδί, Παιδί σε Γονέα και αλληλένδετα στοιχεία χρησιμοποιώντας το μοντέλο PubSub.
Μπορείτε να τοποθετήσετε τα στοιχεία στη σελίδα εγγραφής, στη σελίδα εφαρμογής ή στην αρχική σελίδα. Δεν θα καθορίσουμε ξανά αυτό το αρχείο (meta-xml) κάτω από τα παραδείγματα αποσπασμάτων κώδικα:
xml έκδοση = '1.0' ?>
< LightningComponentBundle xmlns = 'http://soap.sforce.com/2006/04/metadata' >
< apiVersion > 57,0 apiVersion >
< εκτίθεται > αληθής εκτίθεται >
< στόχους >
< στόχος > lightning__RecordPage στόχος >
< στόχος > lightning__AppPage στόχος >
< στόχος > lightning__Αρχική σελίδα στόχος >
στόχους >
LightningComponentBundle >
Επικοινωνία Γονέα προς Παιδί
Εάν δύο στοιχεία σχετίζονται μεταξύ τους, αυτή η επικοινωνία είναι δυνατή. Εδώ, ο Γονέας στέλνει τα δεδομένα στο Παιδί. Το γονικό στοιχείο περιέχει το στοιχείο Child. Με αυτήν την προσέγγιση, μπορούμε να περάσουμε τα πρωτόγονα δεδομένα (ακέραιος, συμβολοσειρά, δυαδική κ.λπ.) από τον Γονέα στο παιδί, να περάσουμε τα μη πρωτόγονα δεδομένα (Πίνακας, Αντικείμενο, Πίνακας Αντικειμένων, κ.λπ.) από Γονικό σε Θυγατρικό, μεταβιβάζοντας τα δεδομένα στο το στοιχείο Παιδί με την ενέργεια στον Γονέα.
Για να επικοινωνήσουμε τον Γονέα με το παιδί, πρέπει να κάνουμε δημόσια ορατά τα πεδία, τις ιδιότητες και τις μεθόδους που είναι διαθέσιμες στο στοιχείο Θυγατρικό. Αυτό μπορεί να γίνει εφικτό διακοσμώντας τα πεδία, τις ιδιότητες και τις μεθόδους με το διακοσμητή 'api'.
Παράδειγμα : Δηλώστε μια μεταβλητή με 'api' στο αρχείο Θυγατρικό στοιχείο 'js'.
@ μεταβλητή api ;
Τώρα, το στοιχείο Parent χρησιμοποιεί το στοιχείο Child στο αρχείο HTML μέσω των χαρακτηριστικών HTML.
Παράδειγμα : Χρησιμοποιήστε τη μεταβλητή στο γονικό αρχείο HTML.
< ντο - παιδί - μεταβλητή comp ντο - παιδί - συνθ >
Ας συζητήσουμε μερικά παραδείγματα που περιγράφουν τον τρόπο επικοινωνίας με Γονέα προς Παιδί.
Παράδειγμα 1:
Αυτό το βασικό παράδειγμα δείχνει τη λήψη μιας πληροφορίας που αποστέλλεται από τον Γονέα στο Παιδί.
childtComp.js
Αρχικά, δημιουργούμε ένα στοιχείο Child που περιέχει τη μεταβλητή 'πληροφορίες' που είναι δημόσια διαθέσιμη.
// Δηλώστε τη μεταβλητή ως δημόσια χρησιμοποιώντας το api Decorator@ πληροφορίες api
Μπορείτε να δείτε ολόκληρο τον κώδικα 'js' στο παρακάτω στιγμιότυπο οθόνης:
childtComp.html
Τώρα, καθορίζουμε αυτήν τη μεταβλητή στο αρχείο HTML μέσα στην κεντρική ετικέτα.
< πρότυπο >< αστραπή - τίτλος κάρτας = 'Παιδί' >
< κέντρο >
< σι > { πληροφορίες } σι >
κέντρο >
αστραπή - κάρτα >
πρότυπο >
parentComp.js
Δεν κάνουμε τίποτα στο αρχείο 'js'.
parentComp.html
Τοποθετήστε το προηγούμενο στοιχείο Θυγατρικό στο Γονικό HTML σας περνώντας τη δημόσια μεταβλητή (πληροφορίες) με κάποιο κείμενο.
< πρότυπο >< αστραπή - τίτλος κάρτας = 'Μητρική εταιρεία' εικόνισμα - όνομα = 'standard:account' >
< ντο - παιδί - συνθ
πληροφορίες = 'Γεια σας, έλαβα πληροφορίες...'
ντο - παιδί - συνθ >
αστραπή - κάρτα >
πρότυπο >
Παραγωγή:
Τώρα, μεταβείτε στον οργανισμό Salesforce και τοποθετήστε το Γονικό στοιχείο στη σελίδα 'Εγγραφή'. Θα δείτε ότι το στοιχείο Child έλαβε τις πληροφορίες από τον Γονέα.
Παράδειγμα 2:
Ας δημιουργήσουμε δύο πεδία κειμένου εισαγωγής που θα δέχονται το κείμενο δυναμικά από τη διεπαφή χρήστη στο στοιχείο Γονικό. Αν εισαγάγουμε το πρώτο κείμενο στο Γονικό στοιχείο, το θυγατρικό στοιχείο λαμβάνει αυτό το κείμενο με κεφαλαία. Ομοίως, λαμβάνει το κείμενο με πεζά αν εισάγουμε το δεύτερο κείμενο.
childtComp.js
Δημιουργήστε δύο μεταβλητές – πληροφορίες1 και πληροφορίες2 – με έναν διακοσμητή πίστας.
- Δημιουργήστε τη μέθοδο convertToUpper() με το διακοσμητή 'api' που μετατρέπει το πρώτο κείμενο εισαγωγής σε κεφαλαία.
- Δημιουργήστε τη μέθοδο convertToLower() με το διακοσμητή «api» που μετατρέπει το δεύτερο κείμενο εισαγωγής σε πεζά.
@ Πληροφορίες κομματιού2 ;
@ api
convertToUpper ( πραγματικές πληροφορίες 1 ) {
Αυτό . Πληροφορίες 1 = πραγματικές πληροφορίες 1. σε κεφαλαία ( ) ;
}
@ api
convertToLower ( πραγματικές πληροφορίες 1 ) {
Αυτό . Πληροφορίες 2 = πραγματικές πληροφορίες 1. σε πεζά ( ) ;
}
Ολόκληρος ο κώδικας 'js' μοιάζει με τον ακόλουθο:
childtComp.html
Εμφανίζουμε τις τιμές (Information1 και Information2) που προέρχονται από το αρχείο “js”.
< πρότυπο >< αστραπή - τίτλος κάρτας = 'Παιδί' >
Κεφάλαιο :& nbsp ; < σι > { Πληροφορίες 1 } σι >< br >
Πεζά :& nbsp ; < σι > { Πληροφορίες 2 } σι >
αστραπή - κάρτα >
πρότυπο >
parentComp.js
Δημιουργούμε δύο μεθόδους χειριστή που επιλέγουν το θυγατρικό πρότυπο HTML μέσω του querySelector(). Βεβαιωθείτε ότι πρέπει να περάσετε τις σωστές μεθόδους που μετατρέπουν το κείμενο σε κεφαλαία ή πεζά.
handleEvent1 ( Εκδήλωση ) {Αυτό . πρότυπο . querySelector ( 'c-childt-comp' ) . convertToUpper ( Εκδήλωση. στόχος . αξία ) ;
}
handleEvent2 ( Εκδήλωση ) {
Αυτό . πρότυπο . querySelector ( 'c-childt-comp' ) . convertToLower ( Εκδήλωση. στόχος . αξία ) ;
}
Ολόκληρος ο κώδικας 'js' μοιάζει με τον ακόλουθο:
parentComp.html
Δημιουργήστε ένα κείμενο εισαγωγής με συμβάντα χειρισμού και για τα δύο. Τοποθετήστε το στοιχείο Child σε αυτό το Γονικό στοιχείο.
< πρότυπο >< αστραπή - τίτλος κάρτας = 'Μητρική εταιρεία' >
< κέντρο >
< αστραπή - ετικέτα εισόδου = 'Εισαγάγετε το κείμενο με πεζά' onchange = { handleEvent1 } αστραπή - εισαγωγή >
κέντρο >
< br >< br >
< κέντρο >
< αστραπή - ετικέτα εισόδου = 'Εισαγάγετε το κείμενο με κεφαλαία' onchange = { handleEvent2 } αστραπή - εισαγωγή >
κέντρο >
< br >< br >< br >
< ντο - παιδί - συνθ ντο - παιδί - συνθ >
αστραπή - κάρτα >
πρότυπο >
Παραγωγή:
Τώρα, μεταβείτε στον οργανισμό Salesforce και τοποθετήστε το Γονικό στοιχείο στη σελίδα 'Εγγραφή'.
Θα δείτε δύο εισόδους κειμένου στη διεπαφή χρήστη.
Ας γράψουμε λίγο κείμενο στην πρώτη εισαγωγή και θα δείτε ότι το κείμενο μετατρέπεται σε κεφαλαία και εμφανίζεται στο στοιχείο Child.
Γράψτε λίγο κείμενο στη δεύτερη εισαγωγή και θα δείτε ότι το κείμενο μετατρέπεται σε πεζά και εμφανίζεται στο στοιχείο Child.
Επικοινωνία Παιδιού με Γονέα
Όπως και στην προηγούμενη επικοινωνία, για την επικοινωνία του Παιδιού με τον Γονέα, και τα δύο στοιχεία θα πρέπει να σχετίζονται μεταξύ τους. Μπορούμε να επικοινωνήσουμε το Παιδί με τον Γονέα με τρεις διαφορετικές προσεγγίσεις: καλώντας τον Γονέα στο Παιδί χρησιμοποιώντας ένα απλό συμβάν και καλώντας τον Γονέα στο Παιδί χρησιμοποιώντας ένα συμβάν με τα δεδομένα και το συμβάν φυσαλίδες. Θα εξετάσουμε το απλό γεγονός σε αυτόν τον οδηγό.
Για να επικοινωνήσουμε το Παιδί με τον Γονέα, πρέπει να δημιουργήσουμε και να αποστείλουμε τα γεγονότα. Για αυτό, πρέπει να δημιουργηθεί ένα προσαρμοσμένο συμβάν. Ένα προσαρμοσμένο συμβάν είναι ένα συμβάν που δημιουργείται από εσάς. Μπορούμε να το δημιουργήσουμε χρησιμοποιώντας τη νέα λέξη-κλειδί. Το Event_Name μπορεί να είναι οτιδήποτε (μπορεί να είναι μια συμβολοσειρά, όχι πέρα από τα κεφαλαία, ή ψηφία). Προς το παρόν, δεν θα συζητήσουμε τις επιλογές.
Σύνταξη : new CustomEvent('Event_Name',{options…})
Τώρα, έχετε το προσαρμοσμένο συμβάν. Το επόμενο βήμα είναι η αποστολή του συμβάντος. Για την αποστολή του συμβάντος, πρέπει να καθορίσουμε το συμβάν που δημιουργήσαμε στη μέθοδο EventTarget.dispatchEvent().
Σύνταξη : this.displatchEvent(new CustomEvent('Event_Name',{options…})
Τέλος, πρέπει να χειριστούμε το γεγονός. Τώρα, πρέπει να καλέσουμε το θυγατρικό στοιχείο στο Γονικό σας στοιχείο. Μεταβιβάστε το όνομα του συμβάντος σας καθορίζοντας το πρόθεμα 'on' στο όνομα του συμβάντος σας. Αυτό παίρνει το πρόγραμμα χειρισμού ακρόασης συμβάντων.
Σύνταξη:
< ντο - παιδί - συστατικό onyourEventName = { χειριστής ακροατών } ντο - παιδί - συστατικό >Παράδειγμα:
Σε αυτό το παράδειγμα, δημιουργούμε ένα Γονικό στοιχείο (exampleParent) και δύο Θυγατρικά στοιχεία.
- Στο πρώτο Child (exampleChild), δημιουργούμε ένα κείμενο εισαγωγής που επιτρέπει στον χρήστη να παρέχει κάποιο κείμενο. Το ίδιο κείμενο εμφανίζεται στο Γονικό στοιχείο με κεφαλαία.
- Στο δεύτερο Child (child2), δημιουργούμε ένα κείμενο εισαγωγής που επιτρέπει στο χρήστη να παρέχει κάποιο κείμενο. Το ίδιο κείμενο εμφανίζεται στο στοιχείο Γονικό με πεζά γράμματα.
exampleChild.js
Δημιουργούμε μια μέθοδο handleChange1 που δημιουργεί το CustomEvent 'linuxhintevent1' με τη λεπτομέρεια ως τιμή στόχο. Μετά από αυτό, αποστέλλουμε αυτήν την εκδήλωση. Ενσωματώστε το παρακάτω απόσπασμα σε αυτό το αρχείο 'js'.
// χειρισμός του συμβάντοςhandleChange1 ( Εκδήλωση ) {
Εκδήλωση. πρόληψη προεπιλογής ( ) ;
συνθ όνομα 1 = Εκδήλωση. στόχος . αξία ;
συνθ επιλέξτε Συμβάν1 = νέος CustomEvent ( 'linuxhintevent1' , {
λεπτομέρεια : όνομα 1
} ) ;
Αυτό . dispatchEvent ( επιλέξτε Συμβάν1 ) ;
}
exampleChild.html
Ο χειρισμός της προηγούμενης μεθόδου χειρισμού που δημιουργήθηκε στο 'js' γίνεται με βάση την είσοδο lightning στο στοιχείο HTML.
< πρότυπο >< αστραπή - τίτλος κάρτας = 'Παιδί 1' >
< div τάξη = 'slds-m-around_medium' >
< αστραπή - εισαγωγή ετικέτας = 'Εισαγωγή κειμένου με πεζά' onchange = { handleChange1 } αστραπή - εισαγωγή >
div >
αστραπή - κάρτα >
πρότυπο >
παιδί2.js
Δημιουργούμε μια μέθοδο handleChange2 που δημιουργεί το 'linuxhintevent2' CustomEvent με τη λεπτομέρεια ως τιμή στόχο. Μετά από αυτό, αποστέλλουμε αυτήν την εκδήλωση.
handleChange2 ( Εκδήλωση ) {Εκδήλωση. πρόληψη προεπιλογής ( ) ;
συνθ όνομα2 = Εκδήλωση. στόχος . αξία ;
συνθ επιλέξτε Συμβάν2 = νέος CustomEvent ( 'linuxhintevent2' , {
λεπτομέρεια : όνομα2
} ) ;
Αυτό . dispatchEvent ( επιλέξτε Συμβάν2 ) ;
}
child2.html
Ο χειρισμός της προηγούμενης μεθόδου χειρισμού που δημιουργήθηκε στο 'js' γίνεται με βάση την είσοδο lightning στο στοιχείο HTML.
< πρότυπο >< αστραπή - τίτλος κάρτας = 'Παιδί 2' >
< div τάξη = 'slds-m-around_medium' >
< αστραπή - εισαγωγή ετικέτας = 'Εισαγωγή κειμένου με κεφαλαία' onchange = { handleChange2 } αστραπή - εισαγωγή >
div >
αστραπή - κάρτα >
πρότυπο >
exampleParent.js: Ενσωματώστε αυτό το απόσπασμα στο αρχείο 'js' μέσα στην τάξη.
- Μετατρέψτε την είσοδο σε κεφαλαία χρησιμοποιώντας τη συνάρτηση toUpperCase() στο handleEvent1() και αποθηκεύστε την στη μεταβλητή Information1
- Μετατρέψτε την είσοδο σε πεζά χρησιμοποιώντας τη συνάρτηση toLowerCase() στο handleEvent2() και αποθηκεύστε την στη μεταβλητή Information2.
// Μετατρέψτε την είσοδο σε κεφαλαία χρησιμοποιώντας τη συνάρτηση toUpperCase().
// στο handleEvent1() και αποθηκεύστε στη μεταβλητή Information1
handleEvent1(event) {
const input1 = event.detail;
this.Information1 = input1.toUpperCase();
}
@track Information2;
// Μετατρέψτε την είσοδο σε πεζά χρησιμοποιώντας τη συνάρτηση toLowerCase().
// στο handleEvent2() και αποθηκεύστε στη μεταβλητή Information2
handleEvent2(event) {
const input2 = event.detail;
this.Information2 = input2.toLowerCase();
}
exampleParent.html
Τώρα, εμφανίστε τις δύο μεταβλητές (Information1 & Information2) στο στοιχείο Parent HTML, καθορίζοντας και τα δύο στοιχεία Child.
<πρότυπο><αστραπή-κάρτα τίτλος = 'Μητρική εταιρεία' >
< div τάξη = 'slds-m-around_medium' >
Μήνυμα Child-1 με κεφαλαία : < σι > {Πληροφορίες1} < / σι >< br >
Μήνυμα Child-2 με πεζά γράμματα: < σι > {Πληροφορίες2} < / σι >< br >
< / σι >< br >
< / div >
< / αστραπή-κάρτα>
< / πρότυπο>
Παραγωγή:
Τώρα, μεταβείτε στον οργανισμό Salesforce και τοποθετήστε το Γονικό στοιχείο στη σελίδα 'Εγγραφή'.
Μπορείτε να δείτε ότι υπάρχουν δύο θυγατρικά στοιχεία στο Γονικό.
Ας πληκτρολογήσουμε λίγο κείμενο στο κείμενο εισαγωγής κάτω από το στοιχείο Child 1. Μπορούμε να δούμε ότι το κείμενό μας εμφανίζεται με κεφαλαία στο Γονικό στοιχείο.
Δώστε λίγο κείμενο στο κείμενο εισαγωγής κάτω από το στοιχείο Child 2. Μπορούμε να δούμε ότι το κείμενό μας εμφανίζεται με πεζά στο Γονικό στοιχείο.
Μπορεί επίσης να είναι δυνατή η εισαγωγή και των δύο κειμένων ταυτόχρονα.
PubSub Model
Όταν εργάζεστε με ανεξάρτητα στοιχεία (που δεν σχετίζονται μεταξύ τους) και εάν θέλετε να στείλετε τις πληροφορίες από το ένα στοιχείο στο άλλο, μπορείτε να χρησιμοποιήσετε αυτό το μοντέλο. Το PubSub σημαίνει Δημοσίευση και Εγγραφή. Το στοιχείο που στέλνει τα δεδομένα είναι γνωστό ως Publisher και το στοιχείο που λαμβάνει τα δεδομένα είναι γνωστό ως Συνδρομητής. Απαιτείται η χρήση της ενότητας pubsub για την αποστολή των συμβάντων μεταξύ των στοιχείων. Έχει ήδη προκαθοριστεί και δοθεί από το Salesforce. Το όνομα του αρχείου είναι pubsub. Πρέπει να δημιουργήσετε ένα στοιχείο LWC και να πληκτρολογήσετε αυτόν τον κώδικα στο αρχείο javascript που είναι 'pubsub.js'.
Παράδειγμα:
Ας δημιουργήσουμε δύο στοιχεία – Δημοσίευση και Εγγραφή.
Στη Δημοσίευση, επιτρέπουμε στους χρήστες να δημιουργήσουν ένα κείμενο εισαγωγής. Κάνοντας κλικ στο κουμπί, τα δεδομένα λαμβάνονται με κεφαλαία και πεζά στο στοιχείο Εγγραφή.
δημοσίευση.js
Ενσωματώστε αυτόν τον κώδικα στο αρχείο JSON σας. Εδώ, παίρνουμε τις πληροφορίες και δημοσιεύουμε τις πληροφορίες.
Η μεταβλητή πληροφοριών θα είναι κεφαλαία και η πληροφορία1 θα είναι πεζή. Βεβαιωθείτε ότι έχετε συμπεριλάβει αυτήν τη δήλωση εισαγωγής στην αρχή του κωδικού – εισαγωγή pubsub από το «c/pubsub».
πληροφορίεςπληροφορίες2
// Λάβετε τις πληροφορίες με κεφαλαία και πεζά
χειριστής πληροφοριών ( Εκδήλωση ) {
Αυτό . πληροφορίες = Εκδήλωση. στόχος . αξία ;
Αυτό . πληροφορίες2 = Εκδήλωση. στόχος . αξία ;
}
// Δημοσίευση των πληροφοριών (με κεφαλαία και πεζά)
publicHandler ( ) {
pubsub. δημοσιεύω ( 'Δημοσιεύω' , Αυτό . πληροφορίες )
pubsub. δημοσιεύω ( 'Δημοσιεύω' , Αυτό . πληροφορίες2 )
}
Θα πρέπει να μοιάζει με:
publish.html
Αρχικά, δημιουργούμε την είσοδο αστραπής για να αποδεχθούμε το κείμενο με τις πληροφορίες του χειριστή. Μετά από αυτό, δημιουργείται ένα κουμπί με τη λειτουργία onclick. Αυτές οι συναρτήσεις βρίσκονται στο προηγούμενο απόσπασμα κώδικα 'js'.
<πρότυπο><αστραπή-κάρτα τίτλος = 'Δημοσιεύστε το κείμενό σας' >
<κεραυνός-εισαγωγή τύπος = 'κείμενο' onkeyup = { χειριστής πληροφοριών } >< / κεραυνός-εισόδου>
<κουμπί αστραπής στο κλικ = { publicHandler } επιγραφή = 'Αποστολή δεδομένων' >< / αστραπή>
< / αστραπή-κάρτα>
< / πρότυπο>
subscribe.js
Ενσωματώστε αυτόν τον κώδικα στο αρχείο JSON σας. Εδώ, πρώτα εγγράφουμε τις πληροφορίες μετατρέποντάς τις σε κεφαλαία και πεζά χωριστά μέσα στη μέθοδο callSubscriber(). Μετά από αυτό, καλούμε αυτήν τη μέθοδο μέσω της μεθόδου connectcallback(). Βεβαιωθείτε ότι έχετε συμπεριλάβει αυτήν τη δήλωση εισαγωγής στην αρχή του κωδικού – εισαγωγή pubsub από το «c/pubsub».
πληροφορίεςπληροφορίες2
// επίκληση του callSubscriber()
συνδεδεμένη Επανάκληση ( ) {
Αυτό . callSubscriber ( )
}
// Εγγραφείτε στις πληροφορίες μετατρέποντας σε κεφαλαία
callSubscriber ( ) {
pubsub. Εγγραφείτε ( 'Δημοσιεύω' , ( πληροφορίες ) => {
Αυτό . πληροφορίες = πληροφορίες. σε κεφαλαία ( ) ;
} ) ,
// Εγγραφείτε στις πληροφορίες μετατρέποντας σε πεζά
pubsub. Εγγραφείτε ( 'Δημοσιεύω' , ( πληροφορίες2 ) => {
Αυτό . πληροφορίες2 = πληροφορίες2. σε πεζά ( ) ;
} )
}
Θα πρέπει να μοιάζει με αυτό:
subscribe.html
Εμφανίζουμε το κείμενο με κεφαλαία (αποθηκευμένα σε πληροφορίες) και πεζά (αποθηκευμένα σε πληροφορίες2).
<πρότυπο><κεραυνός-κάρτα τίτλος = 'Εγγραφείτε' >
< div τάξη = 'slds-p-around_medium' >
Πληροφορίες που λαμβάνονται με κεφαλαία - < σι > {πληροφορίες} < / σι >< br >
Πληροφορίες που λαμβάνονται με πεζά - < σι > {πληροφορίες2} < / σι >
< / div >
< / αστραπή-κάρτα>
< / πρότυπο>
Παραγωγή:
Προσθέστε αυτά τα δύο στοιχεία στη σελίδα σας. Βεβαιωθείτε ότι και τα δύο στοιχεία βρίσκονται στην ίδια σελίδα. Διαφορετικά, η λειτουργικότητα δεν θα λειτουργήσει.
Ας εισαγάγουμε λίγο κείμενο στο στοιχείο 'Δημοσίευση' και κάντε κλικ στο κουμπί 'Αποστολή δεδομένων'. Μπορούμε να δούμε ότι το κείμενο λαμβάνεται με κεφαλαία και πεζά.
συμπέρασμα
Τώρα, είμαστε σε θέση να επικοινωνήσουμε με τα στοιχεία LWC μέσω της ιδέας εκδήλωσης στο Salesforce LWC. Ως μέρος αυτού του οδηγού, μάθαμε πώς να επικοινωνούμε από τον Γονέα στο Παιδί και από το Παιδί στον Γονέα. Το μοντέλο PubSub χρησιμοποιείται σε περίπτωση που τα στοιχεία σας δεν σχετίζονται μεταξύ τους (όχι Γονέας – Παιδί). Κάθε σενάριο εξηγείται με ένα απλό παράδειγμα και βεβαιωθείτε ότι έχετε συμπεριλάβει τον κώδικα που παρέχεται στην αρχή αυτού του οδηγού στο αρχείο 'meta-xml'.