Ampliar con scripts

  • 5 minutos

Los portales de Power Apps no admiten reglas de negocio del lado del cliente ni procesos JavaScript personalizados que estén disponibles en los formularios basados en modelos. Sin embargo, se puede agregar JavaScript personalizado directamente a una página del portal en el editor de código de origen de los portales de Power Apps Studio, así como también a plantillas web.

Captura de pantalla de JavaScript personalizado agregado en el editor de código de origen de Portals Studio

Además, las características Listas, Formularios básicos y Formularios avanzados incluyen una columna de JavaScript personalizada que permite a los desarrolladores agregar scripts que implementen la funcionalidad requerida.

La funcionalidad puede abarcar desde simplemente ocultar controles, reemplazar controles de entrada por equivalentes más intuitivos, hasta invocar servicios web externos e implementar escenarios de integración complejos.

Los portales de Power Apps incluyen de forma predeterminada la biblioteca jQuery, que hace que la manipulación del contenido y el aspecto de la página sea una tarea razonablemente sencilla.

Controles y columnas

Un formulario de Contacto predeterminado que crea un cliente potencial en Microsoft Dataverse e incluye una columna de Tema obligatoria. Esta columna podría resultar confusa para los visitantes del sitio. No puede usar CSS para ocultar el control, ya que quedaría presente el asterisco rojo que indica que la columna es obligatoria. JavaScript ayuda a que el trabajo de ocultar la columna sea relativamente sencillo. Para establecer esta columna en un valor predefinido y luego ocultarla, vaya a Studio para portales y agregue el siguiente script al código fuente del pie de página que incluye el formulario Contacto:

<script type="text/javascript">
$(document).ready
(
  function()
  {
    $("#title").val('Submitted from contact us form'); // sets the value
    $("#title").closest('tr').hide(); // hide the row containing the column
  }
);
</script>

Nota

La plantilla de sitio web en blanco usa la tabla comentarios y una columna título. Otros portales pueden usar una tabla diferente (por ejemplo, cliente potencial) y una columna diferente (por ejemplo, asunto). Compruebe la página Contacto y el formulario usado en su portal y cambie el script si es necesario.

Captura de pantalla del script agregado al código de origen de la página

Seleccione Examinar sitio web. Se debería abrir la nueva ventana con el formulario Contacto, con la columna Tema rellenada previamente y oculta.

JavaScript es una forma sencilla de agregar una funcionalidad o un comportamiento adicional a su portal de Power Apps. Se puede agregar directamente a una página o a la configuración de Formulario básico (a través de la aplicación Administración del portal) o como parte de una plantilla web, según sus necesidades de ámbito. El script se puede usar en el formulario para:

  • Implementar reglas de negocio.
  • Agregar dependencias entre elementos como columnas de opciones dependientes.
  • Realizar la validación de formulario adicional.

Estas opciones son alternativas razonables a las reglas de negocio del lado del cliente y los scripts en formularios basados en modelos.

Para obtener más información, consulte Agregar JavaScript personalizado.