Adicionar JavaScript personalizado a uma lista
O separador Opções na configuração da lista na aplicação Gestão do Portal contém uma área de texto onde pode introduzir o JavaScript personalizado. Se a sua página incluir a biblioteca jQuery, pode utilizar isso aqui também. O bloco de script será adicionado à parte inferior da página web , imediatamente antes da etiqueta de formato de fecho.
A lista obtém os seus dados de forma assíncrona e, quando estiver concluída, acionará um evento loaded que o seu JavaScript personalizado pode escutar e efetuar uma ação com os itens existentes na grelha. O código que se segue é um 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");
});
});
});
Localizar um campo de atributo específico e obter o seu valor para modificar possivelmente a composição do valor. O seguinte código obtém cada célula da tabela que contenha o valor do atributo accountnumber. Substitui accountnumber por um atributo apropriado para a sua tabela e vista.
$(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
});
});
});