Compartilhar via


Adicionar JavaScript personalizado a uma lista

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