Comparteix a través de

Tutorial: Ús de components de codi als portals

  • Article

En aquest tutorial, afegireu un component personalitzat a un formulari del Microsoft Dataverse i habilitareu el control personalitzat perquè sigui visible a la pàgina web.

Aquest tutorial utilitzarà la taula Comentaris a la pàgina web Contacteu amb nosaltres disponible a les plantilles Disposició d'inici.

Requisits previs

  • La versió del portal ha de ser la 9.3.3.x o superior.
  • El paquet de portal d'inici ha de ser el 9.2.2103.x o superior.
  • Lloc que utilitza una de les plantilles de Disposició d'inici.

Per crear un component d'exemple, seguiu els passos del tutorial Crear el vostre primer component. Al final del tutorial, tindreu el component anomenat TSLinearInputComponent empaquetat i carregat al vostre entorn del Dataverse, que podeu utilitzar al Power Pages.

També podeu utilitzar alguns dels controls de quadre disponibles de fàbrica. Al nostre exemple utilitzarem el control d'entrada numèric.

Pas 1. Afegir el component de codi a un camp d'un formulari

  1. A l'estudi de disseny, seleccioneu l'àrea de treball Dades.

  2. Seleccioneu la taula Comentaris.

  3. Seleccioneu Formularis i, a continuació, editeu el formulari de contacte simple.

  4. Seleccioneu + Afegeix camp i trieu el camp Classificació.

  5. Col·loqueu el camp Classificació al formulari.

  6. Amb el camp Classificació seleccionat, trieu + Component i seleccioneu el component Entrada numèrica.

    Afegiu un component al formulari.

  7. Configureu el control per tenir un Tipus de Número enter i un Valor estàtic d'1.

  8. Seleccioneu Fet.

  9. Seleccioneu Desa i Publica el formulari.

Pas 2. Configurar un component de formulari en una pàgina web

En els passos següents configurarem la pàgina de comentaris existent, però també podeu crear una pàgina pròpia i afegir-hi el component de formulari.

  1. A l'àrea de treball Pàgines, seleccioneu la pàgina Contacteu amb nosaltres.

  2. El camp Classificacions hauria d'aparèixer al formulari amb el missatge Habilita el component personalitzat per veure aquest camp en una visualització prèvia.

  3. Seleccioneu el camp i trieu Edita el camp.

  4. Seleccioneu el camp Habilita el component personalitzat.

    Habiliteu el component personalitzat a l'estudi de disseny.

  5. Seleccioneu D'acord.

  6. Quan previsualitzeu el lloc, hauríeu de veure habilitat el component personalitzat.

    Component personalitzat en un formulari.

Passos següents

Visió general: Utilitzar components de codi a Power Pages

Consulteu també