Поділитися через

Panel контрольний (експериментальний)

  • Стаття

[Ця стаття стосується попередньої версії, і її буде змінено.]

Елемент керування, який використовується для групування вмісту.

Управління панеллю.

Важливо

  • Це експериментальна функція.
  • Експериментальні функції призначено для невиробничого використання, і вони можуть бути обмежені. Ці функції доступні до офіційного випуску, щоб клієнти могли ознайомитися з ними заздалегідь і залишити відгуки.

Опис

Панелі — це накладання, які містять додатковий вміст і використовуються для комплексного інтерфейсу створення, редагування або керування (наприклад, перегляду відомостей про елемент у списку або параметрів редагування).

Цей компонент полотна імітує стиль і поведінку елемента керування Fluent UI Panel.

Властивості

Ключові властивості

Властивість Опис
Buttons Набір даних, який визначає кнопки.
Title Текст, який відображається в розділі заголовка.
Subtitle Необов'язково. Текст, який відображається під заголовком.
DialogWidth Ширина панелі.
ContentX Координата X для області вмісту.
ContentY Координата Y для області вмісту.
ContentWidth Ширина області вмісту панелі.
ContentHeight Висота області вмісту панелі.

Buttons Властивості

Властивість Опис
Label Надпис, що відображається на кнопці
ButtonType Значення, яке визначає стиль кнопки. Виберіть між Standard та Primary 
Table(
  {
    Label: "Cancel",
    ButtonType: 'Microsoft.CoreControls.Button.ButtonType'.Standard 
  },{
    Label: "Ok", 
    ButtonType: 'Microsoft.CoreControls.Button.ButtonType'.Primary
  }
)

Властивості стилю

Властивість Опис
Overlay Color Колір, який відображається в області накладання.
DialogWidth Ширина панелі (не плутати з шириною елемента керування, який має займати ширину програми).
Position of the panel Укажіть текстове значення Right або Left, щоб вказати, на якій стороні екрана потрібно відтворити панель.
Theme Об’єкт теми. Якщо залишити це значення пустим, відтвориться тема Power Apps за замовчуванням. Див. використання тем, щоб отримати вказівки щодо налаштування.

Властивості події

Властивість Опис
OnCloseSelect Вираз дії, який виконується внаслідок натискання кнопки «Закрити».
OnButtonSelect Вираз дії, який виконується внаслідок натискання однієї з кнопок дії.

Поведінка

Видимість панелі налаштування

Видимість Panel можна змінити за допомогою змінної типу «Логічне значення» (true/false).

  1. Використовуйте наступну формулу Power Fx, щоб відобразити це діалогове вікно (наприклад, властивість OnSelect елемента керування кнопки):

    UpdateContext({ showHideDialog: true })

  2. Призначте наступні значення Panel:

    Властивість Значення
    OnCloseSelect UpdateContext({ showHideDialog: false })
    Visible showHideDialog

Налаштування дій кнопки

У властивості панелі OnButtonSelect надайте дії в умові If() або Switch() на основі текстового значення Self.SelectedButton.Label для визначення дії. Залежно від дії зазвичай після завершення дії Panel приховується.

Switch( Self.SelectedButton.Label,
  "Ok", Notify("The Ok button was pressed.");
);

// Closes the panel
UpdateContext({ showHideDialog: false })

Форматування вмісту панелі

Зв’яжіть контейнер із властивостями вмісту Panel, щоб розмістити вміст у відповідній області екрана. Переконайтеся, що видимість вмісту зв’язано з елементом Panel.

Кроки для форматування вмісту на панелі.

  1. Додайте ім’я Panel (наприклад: cmp_panel)

  2. Додайте контейнер (ім’я прикладу: c_panelContent)

  3. Змініть наступні властивості c_panelContent:

    Властивість Значення
    X cmp_panel.ContentX
    Y cmp_panel.ContentY
    Width cmp_panel.ContentWidth
    Height cmp_panel.ContentHeight
    Visible cmp_panel.Visible

Обмеження

Цей компонент полотна можна використовувати лише в компонованих програмах і настроюваних сторінках.