Compartilhar via

Tutorial: usar componentes de código em portais

  • Artigo

No tutorial, você adicionará um componente personalizado a um formulário do Microsoft Dataverse e permitirá que o controle personalizado fique visível em uma página da Web.

Este tutorial usará a tabela Feedback e a página da Web Fale conosco que está disponível nos modelos de Layout inicial.

Pré-requisitos

  • Sua versão do portal deve ser o 9.3.3.x ou superior.
  • Seu pacote de portal inicial deve ser o 9.2.2103.x ou superior.
  • Um site usando um dos modelos de Layout inicial.

Para criar um componente de amostra, siga as etapas no tutorial Criar seu primeiro componente. No fim desse tutorial, você terá o componente chamado TSLinearInputComponent empacotado e carregado em seu ambiente do Dataverse que você pode usar no Power Pages.

Você também pode usar alguns dos controles prontos para uso que estão disponíveis. Em nosso exemplo, usaremos o controle de entrada de número.

Etapa 1. Adicione o componente de código a um campo em um formulário

  1. No estúdio de design, selecione o Espaço de trabalho de dados.

  2. Selecione a tabela Comentários.

  3. Selecione Formulários e, em seguida, escolha editar o formulário de fale conosco simples.

  4. Selecione + Adicionar campo e escolha o campo Classificação.

  5. Posicione o campo Classificação no formulário.

  6. Com o campo Classificação selecionado, escolha + Componente e o componente Entrada de número.

    Adicionar componente ao formulário.

  7. Configure o controle para ter um Tipo de Número Inteiro e um Valor estático de 1.

  8. Escolha Concluído.

  9. Selecione Salvar e Publicar formulário.

Etapa 2. Configure as propriedades do componente na página da Web

Nas etapas a seguir, configuraremos a página de comentários existente, você também pode criar sua própria página e adicionar seu próprio componente do formulário.

  1. No espaço de trabalho Páginas, selecione a página Fale conosco.

  2. O campo de classificações deve aparecer no formulário com a mensagem Habilitar componente personalizado para ver este campo na visualização.

  3. Selecione o campo e escolha Editar campo.

  4. Selecione o campo Habilitar componente personalizado.

    Habilitar componente personalizado no estúdio de design.

  5. Selecione OK.

  6. Ao visualizar o site, você deve ver o componente personalizado habilitado.

    Componente personalizado em um formulário.

Próximas etapas

Visão geral: usar componentes de código no Power Pages

Confira também