Bagikan melalui


Pivot menguasai

kontrol yang digunakan untuk memberikan navigasi.

Catatan

Dokumentasi lengkap dan kode sumber yang ditemukan di repositori komponen kode GitHub.

Kontrol pivot.

Description

Pola kontrol Pivot dan tab terkait digunakan untuk menavigasi kategori konten yang sering diakses dan berbeda. Pivot memungkinkan navigasi antara dua atau beberapa tampilan konten dan mengandalkan header teks untuk mengartikulasi berbagai bagian konten.

Komponen kode ini menyediakan wrapper di sekitar kontrol Fluent UI Pivot untuk digunakan pada aplikasi kanvas dan halaman kustom.

Properti

Properti kunci

Properti Description
RenderType Jenis kontrol untuk ditampilkan.
SelectedKey Kunci untuk dipilih. Pembaruan ini akan dilakukan melalui aktivitas OnChange saat pengguna berinteraksi dengan kontrol.
Items Item tindakan untuk ditampilkan

Items Properti

Setiap item menggunakan skema berikut untuk visualisasi data dalam komponen.

Nama Description
ItemDisplayName Nama tampilan item nav
ItemKey Kunci untuk digunakan guna menunjukkan item mana yang dipilih, dan kapan menambahkan sub-item. Kunci harus unik.
ItemEnabled Diatur ke false jika pilihan dinonaktifkan
ItemVisible Diatur ke false jika pilihan tidak terlihat
ItemChecked Diatur ke true jika pilihan dicentang (misalnya tombol terpisah di bilah perintah)
ItemIconName Ikon Fluent UI untuk digunakan (lihat Ikon Fluent UI)
ItemCount Menampilkan jumlah item pada tautan item Pivot.

Contoh:

Table(
  {
      ItemKey: "tabFile",
      ItemDisplayName: "File"
  },
  {
      ItemKey: "tabHome",
      ItemDisplayName: "Home"
  },
  {
      ItemKey: "tabView",
      ItemDisplayName: "View"
  },
  {
      ItemKey: "tabAction",
      ItemDisplayName: "Action"
  }
)

Properti gaya

Properti Description
Theme Menerima string JSON yang dihasilkan menggunakan Desainer Tema Fluent UI (windows.net). Membiarkan ini kosong akan menggunakan tema default yang didefinisikan oleh Power Apps. Untuk panduan tentang cara mengkonfigurasi, lihat tema.
RenderSize Kontrol pivot dapat ditampilkan dalam dua ukuran (besar/normal)
AccessibilityLabel Aria-label pembaca layar

Properti aktivitas

Properti Description
InputEvent Aktivitas untuk dikirim ke kontrol. Misalnya SetFocus. Lihat di bawah.

Perilaku

Mendukung SetFocus sebagai InputEvent.

Mengonfigurasi perilaku tab

Koordinasikan halaman tab dengan mengaitkan properti Visible komponen dependen di aplikasi Anda (misalnya, wadah yang menunjukkan halaman) dengan nilai Pivot1.Selected.ItemKey.

Visible properti kontrol dependen yang ditampilkan saat tabFile itemKey dipilih:

Pivot1.Selected.ItemKey = "tabFile"

Pembatasan

Komponen kode ini hanya dapat digunakan pada aplikasi kanvas dan halaman kustom.

Lihat catatan pembatasan lainnya dalam bagian tantangan desain di dokumentasi GitHub.