Agregar JavaScript personalizado a una lista

  • Artículo

Nota

A partir del 12 de octubre de 2022, los portales de Power Apps son Power Pages. Más información: Microsoft Power Pages ya está disponible para el público en general (blog)
Pronto migraremos y fusionaremos la documentación de los portales de Power Apps con la documentación de Power Pages.

La pestaña Opciones en la configuración de la lista en la Aplicación Administración del portal contiene un área de texto donde puede introducir JavaScript personalizado. Si su página incluye la biblioteca jQuery, también puede usarla aquí. El bloque de script se agregará en la parte inferior de la página web justo delante de la etiqueta de formulario de cierre de la página.

Ejemplo de JavaScript personalizado.

La lista obtiene sus datos de forma asincrónica y, cuando está competa, desencadena un evento loaded que su JavaScript personalizado pueda escuchar y hacer algo con los elementos de la cuadrícula. El siguiente código es un ejemplo 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");
});
});
});

Busque un campo de atributo particular y obtenga su valor para modificar posiblemente la representación del valor. El siguiente código obtiene cada celda de la tabla que contenga el valor del atributo accountnumber. Reemplace accountnumber con un atributo adecuado para la tabla y 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
      });
   });
});

Consulte también