Skapa en sektionslayout med stöd för Lazy-laddning

Innehållslistan kan anropa sektionslayouten med ytterligare komponenter när de görs föremål för frågor.

När du återger en innehållslista har du möjlighet att välja en sektionslayout för att återge alla innehållsobjekt som returneras. På så sätt kan du skapa ett antal olika layouter för innehållsobjekten, t.ex. en layout med tabell, skjutreglage eller åtta kolumner. Dessa anpassade sektionslayouter kan även ingå i de mer avancerade sidnumreringsfunktionerna.

Innehållslistor har stöd för följande sidnumrering:

  • Sidnumrering
  • Ladda bläddring
  • Ladda klickning

För standardfunktionen för sidnumrering behöver sektionslayouten inte göra något alls. Den återges på nytt med nästa uppsättning objekt när användaren klickar på nästa sida. För Ladda bläddring och Ladda klickning däremot, läggs ytterligare komponenter till i sektionslayouten, i stället för att sektionslayouten återges på nytt. Det här används mest för modellen med oändlig rullning, där du laddar de första n objekten och, allt eftersom användaren rullar nedför sidan, hämtar och återger nästa uppsättning objekt. För att ha stöd för Ladda bläddring och Ladda klickning måste den anpassade sektionslayouten göra följande:

  1. render.js: Implementera API-gränssnittet addComponent(). Det här anropas för varje ny komponent som ska läggas till i sektionslayouten.

    // 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: Inkludera följande, så att innehållslistan får information om att sektionslayouten stöder addComponent() api.

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

När appInfo.json har uppdaterats så visas alternativen Ladda klickning och Ladda bläddring när användaren väljer den här sektionslayouten i inställningspanelen och går till sidnumreringsfönstret.