Створення картки списку покупок

У цьому уроці ви створите картку, яка відображатиме список покупок і дозволить вам додавати товари. Ви будете використовувати конструктор карток, змінні та Power Fx.

В кінці уроку ваша картка зі списком покупок повинна виглядати наступним прикладом:

вимоги

• Обліковий Power Apps запис

Створення картки

1. Увійдіть до Power Apps та виберіть своє середовище.

2. В області ліворуч виберіть Картки. Якщо елемента немає на бічній панелі, виберіть ... Додатково та знайдіть потрібний елемент.

3. Вибрати + Створити картку.

4. У полі Ім’я картки введіть SimpleShoppingCard, а потім натисніть кнопку Створити.

5. Виберіть текст Назва вашої картки переходить сюди. В області властивостей текстової мітки встановіть для параметра Текст значення Список покупок.

6. Виберіть елемент « Додати та видалити», щоб налаштувати нову картку. В області властивостей текстової мітки встановіть для параметра Текст значення Використовувати поле нижче для додавання елементів до списку.

Додавання змінної

Список покупок міститиме окремі позиції в окремих рядках тексту. Він виглядає як таблиця з одним стовпцем, з одним продуктовим товаром у кожному рядку. Це означає, що вам потрібно буде створити змінну таблиці для зберігання списку.

1. В області ліворуч виберіть Змінні.

2. Вибрати+ Нова змінна.

3. У вікні Нова змінна введіть MyGroceryList у розділі Ім’я. Установіть для параметра Тип значення Таблиця.

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

5. Виберіть Зберегти.

   

Додавання списку до картки

1. В області ліворуч виберіть Вставити.

2. В області інструментів виберіть пункт Дисплей, щоб розгорнути категорію, а потім виберіть пункт Текстова мітка.

3. На панелі властивостей текстової мітки виберіть вкладку Додатково .

4. Встановіть для параметра Repeat for every значення MyGroceryList.

   

   Установлення параметра Повторити для кожної властивості текстової мітки повторює текстову підписку для кожного елемента вказаної таблиці. У цьому прикладі таблиця, MyGroceryList, є змінною, яку ви створили. Іншими словами, в картці створюється окрема текстова мітка для кожного товару в списку продуктів.

5. Виберіть вкладку Властивості. Встановіть для параметра Text значення ThisItem.Value .

   Присвоєння системно-визначеної змінної ThisItem.Value текстовій мітці відображає значення поточного елемента масиву MyGroceryList як текст підпису. Масив - це ще один термін для табличної змінної. Ім’я змінної можна ввести в рядок формул або область властивостей.

   

Додавання поля введення

Створений вами список порожній, тому на останньому кроці ви надасте користувачеві можливість додавати елементи.

1. В області ліворуч виберіть Вставити.

2. В області інструментів виберіть пункт Введення, щоб розгорнути категорію, а потім виберіть пункт Введення тексту.

3. На панелі властивостей введення тексту встановіть для параметра Ім’я значення Новийелемент і для параметра Мітка значення Новий елемент:.

   

   Властивість Ім’я дає змогу посилатися на елемент керування у виразі Power Fx . Це має бути одне слово, без пробілів і спеціальних символів. Властивість Label відображається на картці. Ім’я та мітка елемента керування не обов’язково мають бути схожими, як тут, але використання схожих імен полегшує відстеження елементів керування.

Power Fx Як додати кнопку

1. В області ліворуч виберіть Вставити.

2. В області інструментів виберіть пункт Введення, щоб розгорнути категорію, а потім натисніть кнопку Кнопка.

3. На панелі властивостей кнопки встановіть для параметра Заголовок значення Додати елемент.

4. В області властивостей виберіть PowerFx, щоб помістити курсор у рядок формул.

5. Введіть наступний Power Fx вираз у рядку формул:Collect(MyGroceryList,Value {: NewItem})

   Цей вираз використовує Power Fx функцію Collect для додавання значення вхідних даних NewItem користувача до MyGroceryList змінної таблиці в неявному стовпці Value . Оскільки вираз прив’язаний до властивості кнопки OnSelect, він запускається, коли користувач вибирає кнопку.

   

Перевірте картку

Ви завжди повинні зберігати зміни, перш ніж розігрувати карту. Виберіть Зберегти, а потім виберіть Відтворити.

Перевірте свою картку, додавши кілька позицій до списку продуктів.

Наступні кроки

Дізнайтеся, як зробити більш складну карту з Microsoft Dataverse конекторами.