Teilen über

Lernprogramm: Codekomponenten in Portalen verwenden

  • Artikel

Im Tutorial fügen Sie einem Microsoft Dataverse-Formular eine benutzerdefinierte Komponente hinzu und aktivieren Sie das benutzerdefinierte Steuerelement, sodass es auf einer Webseite sichtbar ist.

In dieser Anleitung werden die Tabelle Feedback und die Webseite Kontakt verwendet, die unter Starterlayoutvorlagen.

Anforderungen

  • Ihre Portalversion muss 9.3.3.x oder höher sein.
  • Ihr Starterportal-Paket muss 9.2.2103.x oder höher sein.
  • Eine Website, die eine der Starterlayoutvorlagen verwendet.

Befolgen Sie zum Erstellen einer Beispielkomponente die Schritte im Lernprogramm Ihre erste Komponente erstellen. Am Ende des Tutorials haben Sie die Komponente mit dem Namen TSLinearInputComponent gepackt und in Ihre Dataverse Umgebung hochgeladen, die Sie in Power Pages verwenden können.

Sie können auch einige der verfügbaren Standardsteuerelemente verwenden. In unserem Beispiel verwenden wir das Steuerelement für die Zahleneingabe.

Schritt 1. Die Codekomponente einem Feld in einem Formular hinzufügen

  1. Wählen Sie im Designstudio den Daten-Arbeitsbereich aus.

  2. Wählen Sie die Feedback-Tabelle aus.

  3. Wählen Sie Formulare aus und wählen Sie das einfache Kontaktformular aus.

  4. Wählen Sie + Feld hinzufügen und dann das Feld Bewertung aus.

  5. Positionieren Sie das Feld Bewertung auf dem Formular.

  6. Wählen Sie bei ausgewähltem Feld Bewertung + Komponente und wählen Sie die Komponente Zahleneingabe aus.

    Fügen Sie dem Formular eine Komponente hinzu.

  7. Konfigurieren Sie das Steuerelement so, dass der Typ Ganze Zahl und der Statische Wert 1 lautet.

  8. Wählen Sie Fertig aus.

  9. Wählen Sie Speichern und Formular veröffentlichen aus.

Schritt 2. Die Formularkomponente auf der Webseite konfigurieren

In den folgenden Schritten konfigurieren wir die vorhandene Feedback-Seite, Sie können auch Ihre eigene Seite erstellen und Ihre eigene Formularkomponente hinzufügen.

  1. Wählen Sie im Arbeitsbereich Seiten die Seite Kontaktieren Sie uns.

  2. Das „Bewerten“-Feld sollte auf dem Formular mit der Nachricht Benutzerdefinierte Komponente aktivieren, um dieses Feld in der Vorschau anzuzeigen erscheinen.

  3. Wählen Sie das Feld und Feld bearbeiten aus.

  4. Wählen Sie das Feld Benutzerdefinierte Komponente aktivieren aus.

    Aktivieren Sie die benutzerdefinierte Komponente im Designstudio.

  5. Wählen Sie OK aus.

  6. Wenn Sie eine Vorschau der Website anzeigen, sollten Sie sehen, dass die benutzerdefinierte Komponente aktiviert ist.

    Benutzerdefinierte Komponente auf einem Formular.

Nächste Schritte,

Übersicht: Codekomponenten in Power Pages verwenden

Siehe auch