Share via

Ajouter JavaScript personnalisé à une liste

  • Article

Notes

À compter du 12 octobre 2022, le portail Power Apps devient Power Pages. Plus d’informations : Microsoft Power Pages est maintenant généralement disponible (blog)
Nous allons bientôt migrer et fusionner la documentation des portails Power Apps avec la documentation de Power Pages.

L’onglet Options sur la configuration de la liste dans l’Application de gestion de portail contient une zone de texte dans laquelle vous pouvez saisir des informations personnalisées JavaScript. Si votre page inclut la bibliothèque jQuery, vous pouvez également l’utiliser ici. Le bloc de script est ajouté au bas de la page Web juste avant la balise de fermeture de la page.

Exemple JavaScript personnalisé.

La liste obtient ses données de façon asynchrone et, une fois l’opération terminée, elle déclenche un événement loaded que votre code JavaScript personnalisé peut suivre afin d’agir sur les éléments de la grille. Voici un exemple de code simple :

$(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");
});
});
});

Recherchez un champ d’attribut spécifique et obtenez sa valeur pour modifier éventuellement le rendu de la valeur. Le code suivant permet d’obtenir chaque cellule de table contenant la valeur de l’attribut accountnumber. Remplacez accountnumber par un attribut approprié à votre table et vue.

$(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
      });
   });
});

Voir aussi