Opprette et deloppsett som støtter avventende lasting

Innholdslisten kan sende kall til deloppsettet med tilleggskomponenter etter hvert som de kommer fra spørringene.

Når du gjengir en innholdsliste, kan du velge et deloppsett til å gjengi alle innholdselementene som returneres. Dette gjør at du kan opprette ulike oppsett for innholdselementene, for eksempel en tabell, en glidebryter eller et oppsett med åtte kolonner. Disse egendefinerte deloppsettene kan også være en del i de mer avanserte pagineringsfunksjonene.

Innholdslister støtter følgende paginering:

  • Paginering
  • Last ved rulling
  • Last ved klikking

For standard pagineringsfunksjonen trenger ikke deloppsettet å gjøre noe. Det blir gjengitt på nytt med neste sett av elementer, når brukeren klikker på neste side. For Last ved rulling og Last ved klikking legges tilleggskomponenter imidlertid til i deloppsettet i stedet for at deloppsettet blir gjengitt på nytt. Dette brukes hovedsakelig til modellen for ubegrenset rulling når du laster de første n elementene og du, etter hvert som brukeren ruller ned siden, henter og gjengir neste sett av elementer. Som støtte til Last ved rulling og Last ved klikking må det egendefinerte deloppsettet utføre

  1. render.js implementerer API-et addComponent(). Det sendes kall til dette med hver nye komponent som skal legges til i deloppsettet.

    // 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)); 
               }
  2. appInfo.json inkluderer følgende slik at innholdslisten vet at deloppsettet støtter API-en addComponent().

    "contentListData": {  
      "addComponent": true
    },

Når appInfo.json er oppdatert, når brukeren velger dette deloppsettet i innstillingsruten og går til pagineringsskjermbildet, får vedkommende se valgene Last ved klikking og Last ved rulling.