Ejercicio: Usar los componentes de lista y formulario
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:
Inicie sesión en Power Pages.
Seleccione el entorno de destino en la esquina superior derecha.
Busque su sitio web y seleccione Editar para abrir el estudio de diseño de Power Pages.
Seleccione la pestaña Seguridad.
En la sección Seguridad, seleccione Proteger.
Seleccione + Nuevo permiso y complete la siguiente información.
Nombre: producto
Tabla: tabla de producto
Tipo de acceso: Global Access
Permiso para: Lectura
Seleccione Agregar roles y agregue Usuarios anónimos y Usuarios autenticados.
Seleccione Guardar.
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:
Seleccione la pestaña Páginas.
Seleccione + Página.
Escriba Productos para el nombre de la página.
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:
En el lienzo de página, seleccione el componente de Lista.
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
Seleccione Listo.
Seleccione Vista previa > Escritorio desde la barra de comandos y compruebe que aparezca una lista de filas de datos de productos desde Dataverse.
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.
Seleccione la pestaña Páginas.
Busque la página Productos que ha creado anteriormente.
Seleccione el botón de los puntos suspensivos (...) y, a continuación, Agregar una nueva subpágina.
Introduzca Producto para el nombre de la página.
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:
En el lienzo de página, seleccione el componente de Formulario.
Si se le solicita que seleccione un formulario existente, seleccione Nuevo formulario.
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
Seleccione la pestaña Datos y ponga la lista desplegable Datos de este formulario en es de solo lectura.
Seleccione Aceptar. La vista previa del formulario debería aparecer en el lienzo de la página.
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.
Seleccione la pestaña Páginas y busque la página Productos que contiene el componente de lista.
Seleccione el componente de lista en el lienzo y seleccione Editar lista.
En el cuadro de diálogo Configuración de la lista, seleccione la pestaña Acciones.
Active la alternancia Ver detalles y complete la siguiente información.
Tipo de objetivo: formulario
Formulario: detalles del producto
Seleccione Listo.
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.
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.