Een sectielay-out maken die 'lazy load' ondersteunt

De sectielay-out kan door de inhoudlijst worden aangeroepen met aanvullende componenten tijdens zoekvragen.

Wanneer u een inhoudlijst weergeeft, hebt u de mogelijkheid een sectielay-out te selecteren voor de weergave van alle geretourneerde inhouditems. Zo kunt u verschillende lay-outs voor de inhouditems maken, bijvoorbeeld een tabel, een schuifregelaar of een lay-out met acht kolommen. Deze aangepaste sectielay-outs kunnen ook worden gebruikt in geavanceerde pagineringsfuncties.

In inhoudlijsten wordt de volgende paginering ondersteund:

  • Paginering
  • Laden bij schuiven
  • Laden bij klikken

Voor de standaardpagineringsfunctie hoeft de sectielay-out niets te doen. Deze wordt opnieuw weergegeven met de volgende set items wanneer de gebruiker op de volgende pagina klikt. Voor Laden bij schuiven en Laden bij klikken worden er echter, in plaats van de sectielay-out opnieuw weer te geven, aanvullende componenten aan de sectielay-out toegevoegd. Dit wordt meestal gebruikt voor het oneindige schuifmodel, waarbij u de eerste n items laadt en u de volgende set items weergeeft als de gebruiker omlaag schuift op de pagina. Om Laden bij schuiven en Laden bij klikken te ondersteunen, moeten de volgende taken worden uitgevoerd met de aangepaste sectielay-out.

  1. render.js: implementeer de API addComponent(). Deze wordt aangeroepen voor elke nieuwe component die aan de sectielay-out moet worden toegevoegd.

    // 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: neem het volgende op om de inhoudlijst te laten weten dat de sectielay-out ondersteuning biedt voor de API addComponent().

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

Als het bestand appInfo.json is bijgewerkt en gebruikers deze sectielay-out in het instellingenpaneel selecteren en naar het pagineringsscherm gaan, zien zij de opties Laden bij klikken en Laden bij schuiven.