Comentarios

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

  • Artigo
  • 2 minutos de lectura

Neste tutorial, crearás un compoñente de mostra usando Power Apps marco de compoñentes. Empaquetarás este compoñente en a Dataverse ambiente e engade o compoñente a unha aplicación baseada en modelos. Despois configurarás Power Apps portais para engadir o compoñente a un formulario básico e engadir o formulario básico a unha páxina web. Finalmente, visitará a páxina web dos portais e interactuará co compoñente.

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.

Nota

Este titorial está baseado no titorial existente de Power Apps component framework que explica a creación de TSLinearInputComponent para a táboa Oportunidade no formulario Principal. Tamén pode empregar calquera compoñente existente ou novo e calquera outra táboa para este titorial. Neste caso, asegúrate de usar o teu compoñente e formulario ao seguir os pasos deste tutorial.

Paso 1. Crear o seu primeiro compoñente

Para crear un compoñente de mostra, siga os pasos do titorial Crear o seu primeiro compoñente. Ao final deste tutorial, terás o compoñente chamado TSLinearInputComponent empaquetado e cargado no teu Dataverse ambiente.

Paso 2. Engadir o compoñente de código a un campo dunha aplicación controlada por modelos

Agora que tes o TSLinearInputComponent cargado no teu Dataverse ambiente, siga os pasos do tutorial Engade un compoñente de código a un campo en aplicacións baseadas en modelos para engadir o compoñente ao Oportunidade mesa na Principal forma.

Paso 3. Verificar a aplicación baseada en modelos co novo compoñente

Pode actualizar unha aplicación existente controlada por modelos ou crear unha nova aplicación co formulario ao que engadiu o compoñente. Por exemplo, a seguinte imaxe mostra o aspecto do formulario Principal da táboa Oportunidade cando se usa o compoñente de código neste titorial.

Engadiuse o control de cursor da barra de desprazamento ao campo Importe do orzamento nun formulario de aplicación baseada en modelos.

Paso 4. Engadir o compoñente de código a un formulario básico nos portais

Neste paso, creará un novo formulario básico nos portais e despois engadirá o compoñente ao formulario básico creado. Tamén pode usar un formulario básico existente.

Paso 4.1. Crear un novo formulario básico

  1. Abra a aplicación Xestión do portal.

  2. No panel esquerdo, en Contido, seleccione Formularios básicos.

  3. Seleccione Nova.

  4. Escriba o Nome. Por exemplo, Formulario básico de oportunidade con compoñente de código.

  5. Seleccione Nome básico como Oportunidade.

  6. Para Nome do formulario, seleccione o formulario de aplicación baseada en modelos ao que engadiu o compoñente de código anteriormente neste titorial.

  7. Seleccione o nome do separador.

  8. Seleccione o seu sitio web do portal.

    Configurar o formulario básico coa aplicación Xestión do portal.

  9. Seleccione Gardar e pechar.

Paso 4.2. Engadir o compoñente de código ao formulario básico

  1. Abra a aplicación Xestión do portal.

  2. No panel esquerdo, en Contido, seleccione Formularios básicos.

  3. Seleccione o formulario básico que creou no paso anterior.

  4. Seleccione Relacionado.

  5. Seleccione Metadatos de formulario básico.

  6. Seleccione Novos Metadatos de Formulario básico.

  7. Seleccione o Tipo como Atributo.

  8. Seleccione Nome lóxico do atributo como Importe do orzamento (importe do orzamento).

    Nome lóxico do atributo de importe orzamentario.

  9. Insira a Etiqueta. Por exemplo, Importe orzamentario.

  10. Para o Estilo de control, seleccione Compoñente de código.

    Estilo de control.

  11. Seleccione Gardar e pechar.

Paso 5. Crear unha páxina web nos portais co formulario básico

  1. Abra o seu portal en Studio de portais de Power Apps.

  2. Na esquina superior esquerda, seleccione Nova páxina.

  3. Seleccione En branco.

  4. No panel de propiedades do lado dereito, actualice o nome da páxina web. Por exemplo, Oportunidades.

  5. Actualice o URL parcial. Por exemplo, oportunidades.

  6. Expandir permisos.

  7. Desactive Páxina dispoñible para todo o mundo.

  8. Seleccione os roles web aos que se lles debería permitir acceder a esta páxina.

  9. No editor de páxinas, debaixo da sección Cabeceira, seleccione a sección Columna.

  10. No panel esquerdo, seleccione Compoñentes.

  11. En Compoñentes do portal seleccione Formulario.

  12. No panel de propiedades do lado dereito, seleccione Usar existente.

  13. En Nome, seleccione o formulario básico que creou anteriormente neste titorial.

    Suxestión

    Se non ve o formulario dispoñible, probe Configuración de sincronización para sincronizar os cambios desde Dataverse.

  14. Na esquina superior dereita, seleccione Explorar sitio web.

A páxina web amosará agora o formulario básico para a táboa Oportunidades co compoñente de código como barra de desprazamento, de xeito similar a como aparece usando a aplicación controlada por modelos para o mesmo formulario.

Vista previa do control do cursor da barra de desprazamento Cantidade orzamentaria na páxina de portais.

Pasos seguintes

Visión xeral: usar os compoñentes de código nos portais

Consulte tamén

Visión xeral de Power Apps component framework
Crear o seu primeiro compoñente
Engadir compoñentes de código a un campo ou táboa das aplicacións baseadas en modelos

Nota

Pode indicarnos as súas preferencias para o idioma da documentación? Realice unha enquisa breve. (teña en conta que esa enquisa está en inglés)

Esta enquisa durará sete minutos aproximadamente. Non se recompilarán datos persoais (declaración de privacidade).