Esercitazione: utilizzare componenti di codice nei portali

  • Articolo

Nel tutorial, aggiungerai un componente personalizzato a un modulo Microsoft Dataverse e abiliterai la visualizzazione del controllo personalizzato su una pagina Web.

Questa esercitazione utilizzerà la tabella Feedback e la pagina Web Contattaci disponibile nei modelli Layout per principianti.

Prerequisiti

Per creare un componente di esempio, segui i passaggi dell'esercitazione Crea il tuo primo componente. Alla fine di questa esercitazione, avrai creato il pacchetto con un componente denominato TSLinearInputComponent e caricato nel tuo ambiente Dataverse che puoi usare in Power Pages.

È inoltre possibile utilizzare alcuni dei controlli pronti all'uso disponibili. Nel nostro esempio useremo il controllo di input del numero.

Passaggio 1: Aggiungere un componente di codice a un campo in un modulo

  1. Nello studio di progettazione seleziona l'area di lavoro Dati.

  2. Seleziona la tabella Commenti.

  3. Seleziona Moduli quindi scegli di modificare il modulo di contatto semplice.

  4. Seleziona + Aggiungi campo e scegli il campo Classificazione.

  5. Posiziona il campo Classificazione nel modulo.

  6. Con il campo Classificazione selezionato, scegli + Componente e seleziona il componente Inserimento numero.

    Aggiungere un componente al modulo.

  7. Configura il controllo in modo che abbia un Tipo di Numero intero e un Valore statico di 1.

  8. Seleziona Fatto.

  9. Seleziona Salva e scegli Pubblica modulo.

Passaggio 2. Configurare il componente del modulo sulla pagina Web

Nei seguenti passaggi configureremo la pagina di commenti esistente, puoi anche creare la tua pagina e aggiungere il tuo componente modulo.

  1. Nell'area di lavoro Pagine, seleziona la pagina Contattaci.

  2. Il campo Classificazioni verrà visualizzato nel modulo con il messaggio Abilita il componente personalizzato per vedere questo campo in anteprima.

  3. Seleziona il campo e scegli Modifica campo.

  4. Seleziona il campo Abilita campo componente.

    Abilitare il componente di codice personalizzato in studio di progettazione.

  5. Seleziona OK.

  6. Quando visualizzi l'anteprima del sito, dovresti vedere il componente personalizzato abilitato.

    Componente personalizzato in un modulo.

Passaggi successivi

Panoramica: usare i componenti di codice in Power Pages

Vedi anche