Αυτό το βήμα εξηγεί πώς να δημιουργήσετε διακριτούς τίτλους για διαφορετικά στιγμιότυπα του συστατικού στοιχείου σας.
Όταν αποθέτετε το συστατικό στοιχείο σας στη σελίδα, θα έχετε παρατηρήσει ότι το μπάνερ για το συστατικό στοιχείο αναγράφει: A_Local_Component. Παρότι αυτό αρκεί εάν ο χρήστης αποθέσει μόνο ένα από τα συστατικά στοιχεία σας στη σελίδα, εσείς μπορεί να θέλετε να δημιουργήσετε διακριτούς τίτλους ώστε ο χρήστης να μπορεί να διαχωρίσει μεταξύ διαφορετικών στιγμιότυπων του συστατικού στοιχείου σας.
Μπορείτε να χρησιμοποιήσετε το SDK Τοποθεσιών για να ενημερώσετε τον τίτλο για το συστατικό στοιχείο. Σε αυτό το βήμα, θα το ενημερώσετε βάσει της ιδιότητας "imageBannerText".
Για να ενημερώσετε τον τίτλο, επεξεργαστείτε το αρχείο render.js και προσθέστε αυτόν τον κώδικα στο αντικείμενο SampleComponentViewModel:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Αυτός ο υπολογισμός Knockout θα ενημερώνει την περιγραφή για το συστατικό στοιχείο σας κάθε φορά που αλλάζει το observable αντικείμενο imageBannerText.
Έλεγχος αποτελεσμάτων για το βήμα 9
Ανανεώστε τη σελίδα σας στην τοποθεσία σας, ώστε το Εργαλείο δημιουργίας τοποθεσιών να μπορεί να επιλέξει τις αλλαγές στο συστατικό στοιχείο.
Αλλάξτε τη σελίδα στην κατάσταση επεξεργασίας.
Αποθέστε το συστατικό στοιχείο σας στη σελίδα.
Ανοίξτε τον πίνακα "Ρυθμίσεις" για το συστατικό στοιχείο σας.
Κάντε κλικ στο κουμπί Προσαρμοσμένες ρυθμίσεις.
Αλλάξτε το Μπάνερ εικόνας σε Χώρο εργασίας.
Κλείστε τον πίνακα "Ρυθμίσεις" και περάστε τον δείκτη του ποντικιού πάνω από το συστατικό στοιχείο σας για να εμφανιστεί το μπάνερ.
Θα πρέπει τώρα να βλέπετε να εμφανίζεται το A_Local_Component Workplace.
Συνεχίστε στην ενότητα Βήμα 10: Χρήση ένθετων συστατικών στοιχείων με ενσωματωμένη επεξεργασία.