Ejercicio: Usar los componentes de lista y formulario

Completado

El propósito de este ejercicio es brindarle experiencia práctica para agregar una lista y un formulario a un sitio web de Power Pages.

Objetivos de aprendizaje

El objetivo de estos ejercicios es ayudarle a saber cómo hacer lo siguiente:

  • Agregar un componente de lista a una página web.

  • Agregar un componente de formulario a una página web.

  • Configurar el componente de lista para explorar en profundidad y ver detalles de la fila.

Requisitos previos

Estos son algunos de los requisitos previos para completar estos ejercicios:

  • Acceso al Power Apps Maker Portal.

  • A ser posible, una muestra predeterminada de aplicaciones y datos de Microsoft Dataverse, pero puede usar otras tablas de Dataverse con datos.

  • Un sitio web de Power Pages aprovisionado. Si no tiene un sitio web aprovisionado, vaya a Crear un sitio con Power Pages para crear uno.

Sugerencia

Los ejercicios funcionan mejor cuando tiene datos de ejemplo con los que trabajar. Al aprovisionar un entorno Dataverse, puede agregar aplicaciones y datos de muestra. Revise los pasos de Crear entorno para aprovisionar un entorno de Dataverse con aplicaciones y datos de ejemplo.

Escenario

Su organización ha aprovisionado un sitio web de Power Pages y quiere mostrar una lista de productos disponibles en una página web pública. Otro requisito es darles a los visitantes la posibilidad de explorar en profundidad y ver otros detalles.

Pasos generales

Para finalizar el ejercicio, complete las siguientes tareas.

  • Cree permisos de tabla para permitir el acceso de lectura a la tabla de Dataverse.

  • Cree una página web y agregue un componente de lista vinculado a la tabla de Dataverse.

  • Cree una página web secundaria con un componente de formulario para mostrar detalles de la tabla de Dataverse.

  • Modifique el componente de lista para permitir a los visitantes explorar en profundidad y ver la fila detallada en la página del formulario.

Crear una fila de permisos de tabla

El acceso a cualquier tabla de Dataverse está controlado por los permisos de la tabla. Para permitir el acceso de solo lectura a la tabla Productos, siga estos pasos:

  1. Inicie sesión en Power Pages.

  2. Seleccione el entorno de destino en la esquina superior derecha.

  3. Busque su sitio web y seleccione Editar para abrir el estudio de diseño de Power Pages.

  4. Seleccione la pestaña Seguridad.

  5. En la sección Seguridad, seleccione Proteger.

    Captura de pantalla del vínculo de permisos de Tabla en el espacio de trabajo Configuración

  6. Seleccione + Nuevo permiso y complete la siguiente información.

    • Nombre: producto

    • Tabla: tabla de producto

    • Tipo de acceso: Global Access

    • Permiso para: Lectura

  7. Seleccione Agregar roles y agregue Usuarios anónimos y Usuarios autenticados.

  8. Seleccione Guardar.

    Captura de pantalla del permiso de lectura global para la tabla Productos

  9. El formulario de producto de muestra puede contener una subcuadrícula con opiniones de productos. Para evitar recibir el mensaje de "acceso denegado" para la subcuadrícula de opiniones de productos, repita los pasos 4 a 6 y cree una fila de permiso de tabla de lectura global para la tabla Reseña.

Crear una página web para la lista

Para crear una página web que contenga el componente de lista en el estudio de diseño de Power Pages, siga estos pasos:

  1. Seleccione la pestaña Páginas.

  2. Seleccione + Página.

  3. Escriba Productos para el nombre de la página.

  4. La plantilla de página Empezar desde cero debe estar seleccionada; luego, seleccione Agregar.

Agregar y configurar un componente de lista

Para agregar y configurar un componente de lista, siga estos pasos:

  1. En el lienzo de página, seleccione el componente de Lista.

  2. En el cuadro de diálogo de las propiedades del componente, introduzca los siguientes valores.

    • Elegir una tabla: tabla de producto o elija otra tabla de su propia aplicación.

    • Seleccione las vistas de datos: tabla de producto

    • Nombre su lista: lista de productos

  3. Seleccione Listo.

  4. Seleccione Vista previa > Escritorio desde la barra de comandos y compruebe que aparezca una lista de filas de datos de productos desde Dataverse.

    Captura de pantalla de una página web de muestra con una lista en runtime

Crear una página web para el formulario

La siguiente tarea es crear una página web que contenga el componente Formulario para ver los detalles de la fila. Esta página web es una página secundaria de la página Productos.

  1. Seleccione la pestaña Páginas.

  2. Busque la página Productos que ha creado anteriormente.

  3. Seleccione el botón de los puntos suspensivos (...) y, a continuación, Agregar una nueva subpágina.

  4. Introduzca Producto para el nombre de la página.

  5. La plantilla de página Empezar desde cero debe estar seleccionada; luego, seleccione Agregar.

Agregar y configurar un componente de formulario

Para agregar y configurar un componente de formulario, siga estos pasos:

  1. En el lienzo de página, seleccione el componente de Formulario.

  2. Si se le solicita que seleccione un formulario existente, seleccione Nuevo formulario.

  3. En el cuadro de diálogo de las propiedades del componente, introduzca los siguientes valores.

    • Elegir una tabla: tabla de producto

    • Seleccionar un formulario: Information

    • Asignar nombre a su copia del formulario seleccionado: detalles del producto

  4. Seleccione la pestaña Datos y ponga la lista desplegable Datos de este formulario en es de solo lectura.

  5. Seleccione Aceptar. La vista previa del formulario debería aparecer en el lienzo de la página.

    Captura de pantalla de la página Producto en el estudio de diseño, con el componente de formulario agregado y configurado

Modificar la lista para navegar al componente de formulario

Su última tarea es modificar la página de lista para navegar al componente de formulario cuando un usuario selecciona una fila.

  1. Seleccione la pestaña Páginas y busque la página Productos que contiene el componente de lista.

  2. Seleccione el componente de lista en el lienzo y seleccione Editar lista.

  3. En el cuadro de diálogo Configuración de la lista, seleccione la pestaña Acciones.

  4. Active la alternancia Ver detalles y complete la siguiente información.

    • Tipo de objetivo: formulario

    • Formulario: detalles del producto

  5. Seleccione Listo.

  6. Seleccione Vista previa > Escritorio desde la barra de comandos y compruebe que aparezca una lista de filas de productos desde Dataverse. Ahora, los nombres de los productos son hipervínculos.

  7. Seleccione un nombre de producto para ver el formulario de detalles.

Nota

Si recibe el mensaje "No tiene los permisos adecuados" para la subcuadrícula de reseñas de productos, repita los pasos de la tarea Crear una fila de permiso de tabla para crear el permiso de tabla de lectura global para la tabla Reseña.

Captura de pantalla de la lista de filas de la tabla Idea, con una ventana emergente que muestra un formulario con los detalles de la fila seleccionada