Δημιουργία μιας διάταξης ενότητας που υποστηρίζει την αργή φόρτωση

Η λίστα περιεχομένου μπορεί να καλέσει τη διάταξη ενότητας με πρόσθετα συστατικά στοιχεία καθώς υποβάλλεται ερώτημα για αυτά.

Όταν κάνετε απόδοση μιας λίστας περιεχομένου, έχετε την επιλογή να επιλέξετε μια διάταξη ενότητας για την απόδοση όλων των στοιχείων περιεχομένου που επιστρέφονται. Αυτό σας επιτρέπει να δημιουργήσετε διάφορες διαφορετικές διατάξεις για τα στοιχεία περιεχομένου, όπως έναν πίνακα, ένα ρυθμιστικό ή μια διάταξη οκτώ στηλών. Αυτές οι προσαρμοσμένες διατάξεις ενότητας μπορούν επίσης να συμμετέχουν στις πιο προηγμένες λειτουργίες σελιδοποίησης.

Οι λίστες περιεχομένου υποστηρίζουν την ακόλουθη σελιδοποίηση:

Σελιδοποίηση
Φόρτωση κατά την κύλιση
Φόρτωση κατά το κλικ

Για την τυπική λειτουργία σελιδοποίησης, η διάταξη ενότητας δεν χρειάζεται να κάνει τίποτα. Θα αποδοθεί πάλι με το επόμενο σύνολο στοιχείων όταν ο χρήστης κάνει κλικ στην επόμενη σελίδα. Ωστόσο, για την Φόρτωση κατά την κύλιση και την Φόρτωση κατά το κλικ, αντί να αποδοθεί πάλι η διάταξη ενότητας, προστίθενται πρόσθετα συστατικά στοιχεία στη διάταξη ενότητας. Αυτό χρησιμοποιείται κυρίως για το μοντέλο ατέρμονης κύλισης, όπου φορτώνετε τα πρώτα n στοιχεία, καθώς ο χρήστης κάνει κύλιση της σελίδας προς τα κάτω, λαμβάνετε και αποδίδετε το επόμενο σύνολο στοιχείων. Για την υποστήριξη της Φόρτωσης κατά την κύλιση και της Φόρτωσης κατά το κλικ, η προσαρμοσμένη διάταξη ενότητας πρέπει να κάνει

render.js: Υλοποιήστε το API addComponent(). Αυτό θα καλείται με κάθε νέο συστατικό στοιχείο που πρόκειται να προστεθεί στη διάταξη ενότητας.

// dynamic API for adding additional components through "load more" when used in a Content List
           addComponent: function (parentObj, component) {     
               // create the component div and add it to the parent object
               $(parentObj).append(this.createComponentDiv(component)); 
           }

appInfo.json: Συμπεριλάβετε τα ακόλουθα για να ενημερώσετε τη λίστα περιεχομένου ότι η διάταξη ενότητας υποστηρίζει το addComponent() api.
```
"contentListData": {  
  "addComponent": true
},
```

Όταν ενημερωθεί το αρχείο appInfo.json, όταν ο χρήστης επιλέξει αυτήν τη διάταξη ενότητας στον πίνακα ρυθμίσεων και μεταβεί στην οθόνη σελιδοποίησης, θα εμφανιστούν οι επιλογές "Φόρτωση κατά την κύλιση" και "Φόρτωση κατά το κλικ".