Αυτό το εκπαιδευτικό πρόγραμμα παρέχει μια επισκόπηση του τρόπου με τον οποίο δημιουργείται ένα προσαρμοσμένο συστατικό στοιχείο χρησιμοποιώντας ένα αντικείμενο του Knockout Component Factory.
Ο κύριος στόχος αυτού του εκπαιδευτικού προγράμματος είναι ότι χρησιμοποιώντας αυτό το μοτίβο, μπορείτε να δημιουργήσετε οποιοδήποτε προσαρμοσμένο συστατικό στοιχείο απλώς ενημερώνοντας τα αντικείμενα JavaScript SampleComponentViewModel και sampleComponentTemplate. Τα αντικείμενα sampleComponentFactory και SampleComponentImpl δεν άλλαξαν ενώ προχωρούσατε το εκπαιδευτικό πρόγραμμα. Μπορέσατε να υλοποιήσετε αυτές τις αλλαγές χωρίς να χρειάζεται να χειριστείτε την επικοινωνία με τη σελίδα, και μπορέσατε να εκτελέσετε αυτές τις εργασίες:
Μεταβίβαση αλλαγών από τον πίνακα "Ρυθμίσεις" στο συστατικό στοιχείο σας, και διατήρηση αυτών των αλλαγών.
Εκτέλεση εναυσμάτων και ενεργειών, και αλληλεπίδραση με άλλα συστατικά στοιχεία στη σελίδα.
Δημιουργία διατάξεων και αξιοποίηση ένθετων συστατικών στοιχείων.
Ορισμός συγκεκριμένων στυλ για συστατικά στοιχεία.
Σε αυτό το παράδειγμα το προσαρμοσμένο συστατικό στοιχείο διαιρέθηκε σε διάφορα αρχεία, αλλά αυτό έγινε για τους σκοπούς του εκπαιδευτικού προγράμματος. Για λόγους βελτιστοποίησης, προτιμήστε να συσκευάσετε καταλλήλως τα αρχεία σας, προκειμένου να αποφύγετε τις πολλαπλές λήψεις.
Τέλος, παρότι αυτό το εκπαιδευτικό πρόγραμμα είναι κατάλληλο για συστατικά στοιχεία βάσει Knockout, εάν θέλετε να δημιουργήσετε προσαρμοσμένα συστατικά στοιχεία χρησιμοποιώντας μια άλλη στοίβα τεχνολογίας JavaScript όπως το AngularJS, θα πρέπει να υλοποιήσετε ξανά το αντικείμενο SampleComponentImpl ώστε να δημιουργηθεί η ανάλογη επικοινωνία με αυτό το πλαίσιο εργασίας μαζί με την υλοποίηση του πραγματικού συστατικού στοιχείου με τη σχετική τεχνολογία. Αυτή η εργασία είναι πέραν του πεδίου αυτού του εκπαιδευτικού προγράμματος.