Πρόγραμμα εκμάθησης 5: Σύνταξη ρουτίνας χειρισμού συμβάντων σε JavaScript
Αυτό το πρόγραμμα εκμάθησης παρέχει οδηγίες σχετικά με τη σύνταξη συνόλου ρουτινών χειρισμού συμβάντων. Το πρόγραμμα
εκμάθησης προϋποθέτει ότι διαθέτετε ένα βασικό σχέδιο αναφοράς με βάση το δείγμα βάσης δεδομένων "Classic Models, Inc." Η
μόνη προϋπόθεση για το αρχικό σχέδιο αναφοράς είναι να περιέχει ένα πίνακα πελατών με μια στήλη για το όνομα πελάτη. Σε
αυτό το πρόγραμμα εκμάθησης μετράτε τους πελάτης τον οποίων το όνομα περιέχει τη σειρά χαρακτήρων "Mini" και
εμφανίζετε το αποτέλεσμα στ ένα αναδυόμενο παράθυρο.
Σε αυτό το πρόγραμμα εκμάθησης θα εκτελέσετε τις ακόλουθες εργασίες:
Εργασία 1: Άνοιγμα του σχεδίου αναφοράς
Ανοίξτε ένα σχέδιο αναφοράς το οποίο χρησιμοποιεί το δείγμα βάσης δεδομένων "Classic Car" και εμφανίζει ένα πίνακα ονομάτων
πελατών.
- Αν είναι απαραίτητο, ανοίξτε την "Πλοήγηση" επιλέγοντας "Παράθυρο->Εμφάνιση
προβολής->Πλοήγηση".
- Διπλοπατήστε στο κατάλληλο σχέδιο αναφοράς. Το αρχείο ανοίγει στη
λειτουργία επεξεργασίας διάταξης, όπως φαίνεται στο Σχήμα 22-4.
Εργασία 2: Δημιουργία και απόδοση αρχικών τιμών σε μετρητή στη μέθοδο Table.onCreate( )
Για την καταμέτρηση του αριθμού των πελατών των οποίων το όνομα περιέχει τη σειρά χαρακτήρων "Mini", πρέπει πρώτα να
δηλώσετε ένα καθολικό μετρητή και να ορίσετε σε αυτόν την τιμή 0. Η μέθοδος Table.onCreate( ) αποτελεί το καταλληλότερο
μέρος για την εκτέλεση αυτής της εργασίας επειδή η Table.onCreate( ) εκτελείται πριν την ανάκτηση γραμμών. Εκτελείτε
προσαύξηση κατά συνθήκη του μετρητή στη μέθοδο Row.onCreate( ).
- Στη "Διάταξη", επιλέξτε τον πίνακα τοποθετώντας το δρομέα κοντά στην
κάτω αριστερή γωνία του πίνακα. Εμφανίζεται το εικονίδιο πίνακα, όπως φαίνεται στο Σχήμα
22-5.
- Επιλέξτε την καρτέλα "Σενάριο". Εμφανίζεται η καρτέλα σεναρίου, όπως
φαίνεται στο Σχήμα 22-6.
- Πληκτρολογήστε την ακόλουθη γραμμή κώδικα στο παράθυρο σεναρίου για τη
μέθοδο onCreate( ):
- Για να εκτελέσετε την αναφορά και να επαληθεύσετε ότι ο κώδικας
δεν δημιουργεί σφάλματα, πατήστε "Προεπισκόπηση".
- Μεταβείτε στο κάτω μέρος της αναφοράς, όπου εμφανίζονται τα
μηνύματα σφάλματος JavaScript. Αν δεν υπάρχουν σφάλματα, εμφανίζεται η αναφορά όπως φαίνεται στο
Σχήμα 22-7.
Αν δείτε ένα μήνυμα σφάλματος, μπορεί να έχετε πληκτρολογήσει εσφαλμένα
κάποια πρόταση. Αν συμβαίνει αυτό, επιστρέψτε στο παράθυρο σεναρίου, επιλέξτε τη μέθοδο που τροποποιήσατε, διορθώστε
το σφάλμα και πατήστε ξανά "Προεπισκόπηση".
Εργασία 3: Κατά συνθήκη προσαύξηση του μετρητή στη μέθοδο Row.onCreate( )
Για να πραγματοποιήσετε καταμέτρηση του αριθμού των πελατών που διαθέτουν στο όνομά τους τη σειρά χαρακτήρων "Mini",
πρέπει να εξετάσετε το όνομα κάθε πελάτη και να προσθέσετε μια μονάδα στο μετρητή για κάθε εμφάνιση. Ένα λογικό μέρος
για την εκτέλεση αυτής της εργασίας είναι η μέθοδος Row.onCreate( ), η οποία εκτελείται σε κάθε ανάκτηση μιας
γραμμής δεδομένων από την προέλευση δεδομένων.
- Στη "Διάταξη", επιλέξτε "Γραμμή" και στη συνέχεια επιλέξτε "Σενάριο".
- Αναπτύξτε τη λίστα των μεθόδων στο πάνω μέρος του παραθύρου σεναρίου
και επιλέξτε "onCreate", όπως φαίνεται στο Σχήμα 22-8.
- Καταχωρήστε την ακόλουθη γραμμή κώδικα JavaScript στο παράθυρο
"Σενάριο":
Παρατηρήστε ότι όταν πληκτρολογείτε την τελεία μετά από αυτό, εμφανίζεται
ένα αναδυόμενο παράθυρο που περιέχει όλες τις διαθέσιμες μεθόδους και τις ιδιότητες, συμπεριλαμβανομένης της getRowData.
Αυτή η γραμμή κώδικα λαμβάνει μια χρήση της IRowData, η οποία διαθέτει μια μέθοδο, την getExpressionValue( ), για τη λήψη
των περιεχομένων μιας στήλης της γραμμής.
- Πληκτρολογήστε την ακόλουθη γραμμή κώδικα JavaScript
κάτω από τη γραμμή που μόλις πληκτρολογήσατε:
Αυτή η γραμμή κώδικα επιστρέφει τα περιεχόμενα της στήλης πίνακα που
προέρχεται από τη στήλη CUSTOMERNAME στο σύνολο δεδομένων.
Μπορείτε να χρησιμοποιήσετε την παλέτα JavaScript για την εισαγωγή κάθε
στοιχείου που ακολουθεί στην προηγούμενη γραμμή:
- indexOf( )
Επιλέξτε "Ενσωματωμένα ( JavaScript ) αντικείμενα->Συναρτήσεις σειρών
χαρακτήρων->indexOf( )"
- !=
Επιλέξτε "Τελεστές->Σύγκριση->!="
- +=
Επιλέξτε "Τελεστές->Αντιστοίχιση->+="
- Πατήστε "Προεπισκόπηση" για να εκτελέσετε ξανά την αναφορά για να
επαληθεύσετε ότι ο κώδικας που καταχωρήσατε δεν δημιουργεί σφάλματα.
Εργασία 4: Εμφάνιση του αποτελέσματος, με τη χρήση της μεθόδου
ReportDesign.afterFactory( )
Για την εμφάνιση της καταμέτρησης των πελατών που διαθέτουν στο όνομά τους τη σειρά χαρακτήρων "Mini", εισάγετε κώδικα σε
μέθοδο η οποία εκτελείται μετά την επεξεργασία όλων των γραμμών στον πίνακα. Ένα λογικό μέρος για αυτόν τον κώδικα είναι η
μέθοδος ReportDesign.afterFactory( ).
- Στην προβολή "Διάρθρωση", επιλέξτε το σχέδιο αναφοράς, όπως φαίνεται
στο Σχήμα 22-9.
- Επιλέξτε τη μέθοδο afterFactory( ) από την αναπτυσσόμενη λίστα στο
παράθυρο σεναρίου.
- Πληκτρολογήστε τον ακόλουθο κώδικα στη μέθοδο afterFactory( ):
- Πατήστε "Προεπισκόπηση" για να δείτε τα αποτελέσματα. Αν δεν υπάρχουν
σφάλματα στον κώδικα, θα δείτε μια αναφορά παρόμοια με αυτή που φαίνεται στο Σχήμα
22-10.
Αν δεν δείτε το παράθυρο "Count of Minis", αναζητήστε το πίσω από το παράθυρο του Eclipse. Αν το παράθυρο "Count of Minis"
δεν εμφανίζεται, ο πιθανότερος λόγος είναι να οφείλεται σε σφάλμα του σεναρίου που προκαλείται από σφάλμα σε μια από τις
καταχωρήσεις κώδικα.
Αν υποπτεύεστε ότι έχει προκύψει σφάλμα σεναρίου, μεταβείτε στο κάτω μέρος της αναφοράς, όπου εμφανίζονται τα μηνύματα
σφάλματος σεναρίου. Τις περισσότερες περιπτώσεις, υπάρχει ένα σύντομο μήνυμα σφάλματος δίπλα από το σύμβολο "συν" ( + ). Το
σύμβολο "συν" δηλώνει ότι υπάρχει κάποιο αναλυτικότερο μήνυμα σφάλματος το οποίο είναι ορατό μόνο αφού αναπτύξετε το
σύντομο μήνυμα σφάλματος. Για να αναπτύξετε το σύντομο μήνυμα σφάλματος, επιλέξτε το σύμβολο "συν". Μεταβείτε προς τα κάτω
για να δείτε το αναλυτικότερο μήνυμα σφάλματος.
