Delen via


Aangepaste JavaScript aan een lijst toevoegen

Notitie

Met ingang van 12 oktober 2022 wordt Power Apps-portals hernoemd tot Power Pages. Meer informatie: Microsoft Power Pages is nu algemeen beschikbaar (blog)
We zullen binnenkort de documentatie voor Power Apps-portals migreren en samenvoegen met Power Pages-documentatie.

Het tabblad Opties in de lijstconfiguratie in de app Portalbeheer bevat een tekstgebied waar u aangepaste JavaScript kunt invoeren. Als uw pagina een jQuery-bibliotheek bevat, kunt u die hier ook gebruiken. Het scriptblok wordt onder aan de webpagina toegevoegd, vlak voor het afsluitende formuliercode-element van de pagina.

Voorbeeld van aangepaste JavaScript.

In de lijst worden de gegevens op asynchrone wijze opgehaald en wanneer deze bewerking voltooid is, wordt de gebeurtenis loaded geactiveerd waarnaar uw aangepaste JavaScript kan luisteren en waarmee het iets kan doen met de items in het raster. De volgende code vormt een eenvoudig voorbeeld:

$(document).ready(function (){
$(".entitylist.entity-grid").on("loaded", function () {
$(this).children(".view-grid").find("tr").each(function (){
// do something with each row
$(this).css("background-color", "yellow");
});
});
}); 

Zoek een bepaald kenmerkveld en haal de waarde ervan op om de weergave van de waarde eventueel te wijzigen. Met de volgende code wordt elke tabelcel opgehaald die de waarde van het kenmerk accountnumber bevat. Vervang accountnumber door een kenmerk dat geschikt is voor uw tabel en weergave.

$(document).ready(function (){
   $(".entitylist.entity-grid").on("loaded", function () {
      $(this).children(".view-grid").find("td[data-attribute='accountnumber']").each(function (i, e){
         var value = $(this).data(value);
         // now that you have the value you can do something to the value
      });
   });
});

Zie ook