Compartilhar via

Adicionar JavaScript personalizado a uma lista

  • Artigo

Observação

Desde o dia 12 de outubro de 2022, os portais do Power Apps passaram a ser Power Pages. Mais Informações: O Microsoft Power Pages já está disponível para todos (blog)
Em breve, migraremos e mesclaremos a documentação dos portais do Power Apps com a documentação do Power Pages.

A guia Opções na configuração de lista do aplicativo Gerenciamento do Portal contém uma área de texto onde você pode inserir JavaScript personalizado. Se a página tiver a biblioteca jQuery, você poderá usá-la aqui também. O bloqueio de script será adicionado na parte inferior da página da Web, antes da marca do formulário de fechamento da página.

Exemplo de JavaScript personalizado.

A lista obtém os dados de maneira assíncrona. Ao terminar, ela acionará um evento loaded que seu JavaScript personalizado poderá ouvir e fazer algo com os itens da grade. O código a seguir é um exemplo comum:

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

Localizar um campo de atributo específico e obter seu valor para modificar a renderização do valor. O código a seguir obtém cada célula da tabela que contém o valor do atributo accountnumber. Substitua accountnumber por um atributo apropriado para sua tabela e exibição.

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

Confira também