Bagikan melalui

Tutorial: Menggunakan komponen kode di portal

  • Artikel

Dalam tutorial, Anda akan menambahkan komponen kustom ke formulir Microsoft Dataverse dan mengaktifkan kontrol kustom untuk dapat dilihat di halaman web.

Tutorial ini akan menggunakan tabel Tanggapan dan halaman web Hubungi kami yang tersedia dalam template tata letak pemula.

Prasyarat

  • Versi portal Anda harus 9.3.3.x atau yang lebih tinggi.
  • Paket portal pemula Anda harus 9.2.2103.x atau lebih tinggi.
  • Situs yang menggunakan salah satu templatetata letak pemula.

Untuk membuat komponen sampel, ikuti langkah-langkah dalam tutorial Buat komponen pertama Anda. Di akhir tutorial itu, Anda akan memiliki komponen bernama TSLinearInputComponent yang dikemas dan diunggah ke lingkungan Dataverse Anda yang dapat Anda gunakan di Power Pages.

Anda juga dapat menggunakan beberapa kontrol siap pakai yang tersedia. Dalam contoh kami, kami akan menggunakan kontrol input angka.

Langkah 1. Tambahkan komponen kode ke bidang di formulir

  1. Di studio desain, pilih ruang kerja data.

  2. Pilih tabel tanggapan.

  3. Pilih Formulir kemudian pilih mengedit formulir hubungi kami sederhana.

  4. Pilih + Tambah bidang dan pilih bidang Peringkat.

  5. Posisikan bidang Peringkat pada formulir.

  6. Dengan bidang Peringkat yang dipilih, pilih + Komponen dan pilih komponen input Angka.

    Tambahkan komponen ke formulir.

  7. Konfigurasikan kontrol untuk memiliki Jenis bilangan bulat dan nilai Statis 1.

  8. Pilih Selesai.

  9. Pilih Simpan dan Publikasikan formulir.

Langkah 2. Mengonfigurasi komponen formulir di halaman web

Pada langkah-langkah berikut, kami akan mengkonfigurasikan halaman tanggapan yang ada, Anda juga dapat membuat halaman sendiri dan menambahkan komponen formulir Anda sendiri.

  1. Di ruang kerja Halaman, pilih halaman Hubungi kami.

  2. Bidang peringkat harus muncul pada formulir dengan pesan Aktifkan komponen kustom untuk melihat bidang ini dalam pratinjau.

  3. Pilih bidang dan pilih Edit bidang.

  4. Pilih bidang Aktifkan komponen kustom.

    Mengaktifkan komponen kustom di studio desain.

  5. Pilih OK.

  6. Saat mempratinjau situs, Anda akan melihat komponen kustom diaktifkan.

    Komponen kustom di formulir.

Langkah berikutnya

Gambaran umum: Gunakan komponen kode di portal Power Pages

Baca juga