Dela via


Självstudier: Använda kodkomponenter i portaler

I självstudien lägger du till en anpassad komponent i Microsoft Dataverse formulär och gör att den anpassade kontrollen kan visas på en webbsida.

Den här självstudien innehåller tabellen Feedback och webbsidan Kontakta oss som är tillgänglig i startmallar för layout.

Förutsättningar

  • Portalversionen måste vara 9.3.3.x eller högre.
  • Startportalpaketet måste vara 9.2.2103.x eller högre.
  • En webbplats som använder en av Startlayoutmallarna.

Skapa en exempelkomponent genom att följa stegen i självstudien Skapa den första komponenten. I slutet av den här självstudien paketeras och överförs komponenten TSLinearInputComponent till Dataverse-miljön sm du kan använda i Power Pages.

Du kan också använda några av de tillgängliga kontrollerna. I vårt exempel använder vi nummerindatakontrollen.

Steg 1. Lägg till kodkomponenten i ett fält i ett formulär

  1. I designstudion väljer du Dataarbetsyta.

  2. Välj Feedback-tabellen.

  3. Markera Formulär och välj sedan att redigera det enkla formuläret kontakta oss.

  4. Välj + Lägg till fält och välj fältet Klassificering .

  5. Välj fältet klassificering i formuläret.

  6. Med fältet Klassificering valt väljer du + Komponent och väljer komponenten Nummerinmatning.

    Lägg till komponent i formuläret.

  7. Konfigurera kontrollen så att den har Typ av Heltal och Statiskt värde1.

  8. Välj Klart.

  9. Välj Spara och Publicera formulär.

Steg 2. Konfigurera formulärkomponent på webbsida

I följande steg kommer vi att konfigurera den befintliga feedbacksidan, du kan också skapa din egen sida och lägg till din egen form komponent.

  1. I arbetsytan Sidan välj sidan Kontakta oss.

  2. Betygsfältet ska visas på formuläret med meddelandet Aktivera anpassad komponent för att visa det här fältet i förhandsgranskning.

  3. Välj ett kopplat fält och välj Redigera fält.

  4. Välj fältet Aktivera anpassad komponent.

    Aktivera anpassad komponent i designstudio.

  5. Välj OK.

  6. När du förhandsgranskar webbplatsen bör den anpassade komponenten vara aktiverad.

    Anpassa komponent på ett formulär

Nästa steg

Översikt: Använd kodkomponenter i Power Pages

Se även