Leer en inglés

Compartir a través de


Tutorial: usar componentes de código en portales

En el tutorial, agregará un componente personalizado a un formulario de Microsoft Dataverse y permitirá que el control personalizado sea visible en una página web.

Este tutorial utilizará la tabla Comentarios y la página web Contáctenos que está disponible en las plantillas de Diseño de inicio.

Requisitos previos

  • La versión de su portal debe ser 9.3.3.x o superior.
  • Su paquete del portal de inicio debe ser 9.2.2103.x o superior.
  • Un sitio que utilice una de las plantillas de diseño de inicio.

Para crear un componente de ejemplo, siga los pasos del tutorial Crear su primer componente. Al final de ese tutorial, tendrá el componente llamado TSLinearInputComponent empaquetado y cargado en su entorno de Dataverse qeu puede usar en Power Pages.

También puede usar algunos de los controles listos para usar que están disponibles. En nuestro ejemplo, utilizaremos el control de entrada de números.

Paso 1. Agregar el componente de código a un campo en un formulario

  1. En el estudio de diseño, seleccione el espacio de trabajo Espacio de trabajo de datos.

  2. Seleccione la tabla de comentarios.

  3. Seleccione Formularios y luego elija editar el formulario de contacto simple.

  4. Seleccione + Agregar campo y elija el campo Calificación.

  5. Coloque el campo Calificación en el formulario.

  6. Con el campo Calificación seleccionado, elija + Componente y seleccione el componente Introducción de número.

    Agregar un componente al formulario.

  7. Configure el control para que tenga un Tipo de Número entero y un Valor estático de 1.

  8. Seleccione Listo.

  9. Seleccione Guardar y Publicar formulario.

Paso 2. Configurar el componente de formulario en la página web

En los siguientes pasos configuraremos la página de comentarios existente, también puede crear su propia página y agregar su propio componente de formulario.

  1. En el espacio de trabajo Páginas, seleccione la página Contáctenos.

  2. El campo de calificaciones debe aparecer en el formulario con el mensaje Habilitar componente personalizado para ver este campo en vista previa.

  3. Seleccione el campo y elija Editar campo.

  4. Seleccione el campo Habilitar campo de componente personalizado.

    Habilitar el componente personalizado en el estudio de diseño.

  5. Seleccione Aceptar.

  6. Cuando obtenga una vista previa del sitio, debería ver el componente personalizado habilitado.

    Personalizar componentes de formulario.

Pasos siguientes

Información general: Usar componentes de código en Power Pages

Consulte también