Engadir JavaScript personalizado nunha lista

  • Artigo

Nota

A partir do 12 de outubro de 2022, Portais de Power Apps é Power Pages. Máis información: Microsoft Power Pages xa está dispoñible de forma xeral (blog)
Proximamente migraremos e uniremos a documentación de Portais de Power Apps coa documentación de Power Pages.

O separador Opcións da configuración da lista na Aplicación de xestión de portais contén unha área de texto onde pode inserir un elemento personalizado JavaScript. Se a súa páxina inclúe a biblioteca jQuery, tamén pode usala aquí. O bloque de script engadirase á parte inferior da páxina web xusto antes da etiqueta do formulario de peche da páxina.

Exemplo de JavaScript personalizado.

A lista obtén os datos de forma asíncrona e, cando se está completa desencadea un evento loaded que o seu JavaScript personalizado pode buscar e facer algo cos elementos na grade. O seguinte código é un exemplo trivial:

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

Localice un campo de atributo determinado e obteña o seu valor para modificar posiblemente o procesamento do valor. O seguinte código obtén cada cela da táboa que contén o valor do atributo accountnumber. Substitúa accountnumber por un atributo apropiado para a visualización e a táboa.

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

Consulte tamén