Compartir por


Titorial: usar compoñentes de código nos portais

No titorial, engadirá un compoñente personalizado a un formulario de Microsoft Dataverse e activará o control personalizado para que estea visible nunha páxina web.

Este titorial usará a táboa Comentarios e a páxina web Contacto que está dispoñible nos modelos de Deseño inicial.

Requisitos previos

  • A súa versión do portal debe ser 9.3.3.x ou superior.
  • O seu paquete do portal de inicio debe ser 9.2.2103.x ou superior.
  • Un sitio que utiliza un dos modelos de Deseño inicial.

Para crear un compoñente de mostra, siga os pasos do titorial Crear o seu primeiro compoñente. Ao final dese titorial, terá o compoñente chamado TSLinearInputComponent empaquetado e cargado no seu ambiente de Dataverse que pode usar en Power Pages.

Tamén pode usar algúns dos controis listos para usar que están dispoñibles. No noso exemplo usaremos o control de entrada de números.

Paso 1. Engadir o compoñente de código a un campo nun formulario

  1. No estudo de deseño, seleccione a área de traballo de datos.

  2. Seleccione a táboa Comentarios.

  3. Seleccione Formularios e escolla editar o formulario de contacto simple.

  4. Seleccione + Engadir campo e escolla o campo Valoración .

  5. Coloque o campo Valoración no formulario.

  6. Co campo Valoración seleccionado, escolla + Compoñente e seleccione o compoñente Entrada de número.

    Engada un compoñente de formulario.

  7. Configure o control para que teña un Tipo de Número enteiro e un Valor estático de 1.

  8. Seleccione Feito.

  9. Seleccione Gardar e Publicar formulario.

Paso 2. Configurar un compoñente de formulario nunha páxina web

Nos seguintes pasos configuraremos a páxina de comentarios existente, tamén pode crear a súa propia páxina e engada o seu propio compoñente formulario.

  1. Na área de traballo Páxinas, seleccione a páxina Contacto.

  2. O campo de valoracións debería aparecer no formulario coa mensaxe Activar o compoñente personalizado para ver este campo na versión preliminar.

  3. Seleccione o campo e escolla Editar campo.

  4. Seleccione o campo Activar compoñente personalizado .

    Active o compoñente personalizado no estudio de deseño.

  5. Seleccione Aceptar.

  6. Cando previsualice o sitio, debería ver activado o compoñente personalizado.

    Compoñente personalizado nun formulario.

Pasos seguintes

Visión xeral: Usar compoñentes de código en Power Pages

Consulte tamén